Wednesday, June 3, 2015

HTTP/2 (and H2O) improves user experience over HTTP/1.1 or SPDY

HTTP/2 is expected to offer better user experience than HTTP/1.1, the unanswered question is how much the benefit is in practice.

Tonight I have given a presentation regarding the issue, showing HTTP/2 performance of H2O HTTP server at shibuya.pm, a popular technology meetup at Tokyo. This blog post is a summary of the presentation at the meetup, following my recent blog post about the prioritization logic of HTTP/2 and web browser implementations.

Test Scenario:
  • a modified version of http2rulez.com (<script> tags moved into <head>)
    • contains 5 CSS files
    • 8 script files in <head>, including a minified version of jquery.js
    • contains 18 not-blocking assets (e.g. images files), both small and large
  • client: Chrome/43 and Firefox/38
  • server: Nginx/1.9.1 and H2O/HEAD
  • network: dedicated virtual network to avoid noise; 100ms latency (typical for 4G mobile) added artificially using tc disc command

Benchmark Results:


Analysis:

When using H2O (and HTTP/2) with optimal settings, the first-paint times are reduced by about 30% when compared to HTTP/1.1 or SPDY/3.1.

First-paint time is a good index of user experience; it shows the timing when the user sees the page being rendered for the first time (or when all assets that block rendering arrives at the client side) since he/she triggered the navigation.

The improvements are due to the fact that Firefox (or Chrome with H2O's http2-reprioritize-blocking-assets configuration directive set to ON) downloads assets files that block rendering (e.g. CSS or JS files) before other asset files (e.g. images).

Conclusion:

With the benchmark showing 30% reduction in first-paint time, it is obvious that HTTP/2 (implemented by H2O) is offering superior performance against the protocols of previous generations. However, implementations might not be mature enough to offer such boost in performance (as discussed in recent blog post, Chrome has issues with its prioritization logic which is worked around by the configuration directive of H2O; Nginx does not prioritize the streams even though such feature is available in SPDY).

For the time being it is suggested that users conduct benchmarks to see if their applications actually become faster, or consult the developers of the HTTP servers for benchmark results.

Or, you can use H2O, which has been hereby shown to provide good performance under the described scenario :-)


PS. The presentation slides used at the meetup is available here:

13 comments:

  1. In your blog I was happy to see your article, better than last time, and have made great progress, I am very pleased. I am looking forward to your article will become better and better.
    agario skins | mahjong connect | minecraft games |pac man | geometry dash lite | sniper games |halloween | game

    ReplyDelete
    Replies
    1. saat ini kebutuhan akan priduk bahan bangunan sangat meningkat pesat yang didukung dengan program pemerintah
      dalam pembangunan infrastruktur negara. Dengan program ini maka pembangunan di setiap lini terutama di bagian pinggiran menjadi
      prioritas dalam pembangunan. Pembangunan ifrastuktur ini sangat berpengaruh terhadap harga bahan bangunan di daerah pinggiran
      seperti di daerah papua yang mana dahulu disana harga semen bisa mencapai 800 ribu sampai dengan 1 juta sekarang sudah turun dan setara
      dengan daerah lainnya.

      Geliat pembangunan infrastruktur ini juga berimbas pada toko bahan bangunan online
      yang mana banyak sekali permintaan dari
      para kontraktor untuk proyek yang mereka kerjakan. Produk material bangunan yang mengalami peningkatan saat ini seperti produk
      atap dan genteng, produk ventilator, bata ringan dan lain sebagainya.

      Delete
  2. - Chúng tôi chuyên cung cấp đèn pha led , đèn led , đèn led siêu sáng, đèn led chiếu sáng, đèn pha led, đèn led , đèn led siêu sáng, đèn led chiếu sáng giá rẻ, chất lượng cao, bảo hành 24 tháng trên toàn quốc. Khi khách hang có nhu cầu mua hang trên toàn quốc.
    - Đồng thời chúng tôi còn là nhà cung cấp các loại nguyên liệu mỹ phẩm thiên nhiên như: bơ cacao, bơ ca cao, nguyên liệu mỹ phẩm handmade nguyên chất, cao cấp chất lượng có nhiều công dụng trong việc dưỡng da dành cho khách hàng, được đông đảo chị em phụ nữ ưa chuộng và sử dụng để săn sóc sắc đẹp của mình.
    - Nếu khách hàng còn gặp nhiều khó khăn trong việc chăm sóc sắc đẹp thì sản phẩm bơ hạt mỡ, bo hat mo, shea butter, nguyên liệu mỹ phẩm handmade nguyên chất từ tự nhiên có nhiều công dụng trong việc làm mềm mịn làn da, xóa tan vết thâm nám, đẩy lùi mụn cảm và triệt để xóa nhăn. Hãy cùng chúng tôi chăm sóc sắc đẹp của bạn, chỉ có bạn mới có thể tự chăm sóc cho bạn than của mình.
    - Sản phẩm tiếp theo mà chúng tôi sẽ giới thiệu cho các bạn đó là: bơ đậu phộng, bo dau phong , bơ đậu phộng ăn với gì, bơ đậu phộng bán ở đâu thơm ngon, cao cấp chất lượng có nhiều công dụng trong việc dưỡng da dành cho khách hàng, được đông đảo chị em phụ nữ ưa chuộng và sử dụng để săn sóc sắc đẹp của mình.
    - Ngoài ra chúng tôi còn là nhà cung cấp dịch vụ ăn uống khắp toàn quốc, đặc biệt là đặc sản cơm niêu, cơm niêu sài gòn, cơm niêu vũng tàu được đông đảo khách du lịch ưa chuộng và là điểm đến khi có nhu cầu ăn uống những món ăn ngon.
    - Và cuối cùng là một trong những dòng sản phẩm nhập khẩu cao cấp nhạp trực tiếp từ Úc và Mỹ: bột yến mạch, bot yen mach , yến mạch, yến mạch giảm cân thơm ngon, cao cấp chất lượng có nhiều công dụng trong việc dưỡng da dành cho khách hàng, được đông đảo chị em phụ nữ ưa chuộng và sử dụng để săn sóc sắc đẹp của mình.

    ReplyDelete
  3. I enjoyed over read your blog post. Your blog have nice information,
    I got good ideas from this amazing blog.
    I am always searching like this type blog post. I hope I will see again..
    Signature:
    soi cau lo chinh xac 100
    | soi cau |soi cau mb | soi cau mien bac

    ReplyDelete
  4. Want to know regular updates of Euro Cup 2016????
    Get Euro Cup live Streaming,Euro Cup 2016 Schedule,Euro Cup 2016 Fixture,Euro Cup 2016 Live Streaming,Euro Cup 2016 Live Stream,Euro Cup 2016 Live Score.
    Venue-France,From 10th june-10july. 24 teams,10 stadiums. Stay updated.

    ReplyDelete
  5. The blog or and best that is extremely useful to keep I can share the ideas
    of the future as this is really what I was looking for, I am very comfortable and pleased to come here. Thank you very much.
    wings io| earn to die 6
    earn to die 5| happy wheels
    |Red Ball | duck life

    ReplyDelete
  6. Thanks for the best blog.it was very useful for me.keep sharing such ideas in the future as well.this was actually what i was looking for,and i am glad to came here!
    kids games free | games games | shooting games | tank games | apple shooter | stick war 2 | unblocked games

    ReplyDelete
  7. This is the game so players feel very fierce , adventurous . You try to join and play this game , you will feel great like.
    | tank trouble | learn to fly
    gun mayhem | can your pet
    | happ wheels

    ReplyDelete
  8. The blog or and best that is extremely useful to keep I can share the ideas of the future as this is really what I was looking for, I am very comfortable and pleased to come here. Thank you very much.
    animal jam | five nights at freddy's | hotmail login

    ReplyDelete