{"id":1745,"date":"2022-07-25T15:55:09","date_gmt":"2022-07-25T10:25:09","guid":{"rendered":"https:\/\/ontoborn.com\/blog\/?p=1745"},"modified":"2023-03-08T15:15:44","modified_gmt":"2023-03-08T09:45:44","slug":"everything-you-need-to-know-about-http-2-protocol","status":"publish","type":"post","link":"https:\/\/ontoborn.com\/blog\/everything-you-need-to-know-about-http-2-protocol\/","title":{"rendered":"Everything you need to know about HTTP\/2 Protocol"},"content":{"rendered":"\n<p>Hello everyone. In this article, we are going to see what is HTTP\/2, its features, terminologies, and benefits. We will also compare HTTP\/2 with HTTP\/1 and see a brief introduction about HTTP\/3 to end this article. Let&#8217;s get started.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-81.png\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"954\" data-id=\"1751\" src=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-81.png\" alt=\"\" class=\"wp-image-1751\" srcset=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-81.png 975w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-81-300x294.png 300w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-81-768x751.png 768w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-81-307x300.png 307w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<h1 class=\"wp-block-heading\"><a><\/a><strong>HTTP\/2<\/strong><\/h1>\n\n\n\n<p>HTTP\/2 is the latest version of the HTTP protocol which was launched in 2015 to make applications faster and more robust by addressing the drawbacks of the HTTP\/1.1 protocol. HTTP\/2 has been picking up fast and most browsers support HTTP\/2 nowadays.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>HTTP\/2 Features<\/strong><\/h2>\n\n\n\n<p>Some key features of HTTP\/2 are as follows<\/p>\n\n\n\n<ul><li><strong>Multiplexing<\/strong>: Enable request and response multiplexing which permits multiple requests and responses to be sent at the same time in a single TCP connection<\/li><li><strong>Header Compression<\/strong>: It compresses headers that have been requested previously to make things more efficient<\/li><li><strong>Stream prioritization<\/strong>: This allows for the exchange of successive streams at one time<\/li><li><strong>Server push<\/strong>: The server can send additional information to the client without the client having to request each one explicitly.<\/li><li><strong>Increased security<\/strong>: HTTP\/2 is supported through encrypted connections<\/li><li><strong>Server-side backward compatibility: <\/strong>Tomake sure that servers can still support clients that use HTTP\/1.1 without any changes.<\/li><li><strong>Compatibility<\/strong> with the methods, status codes, URIs, and header fields defined by the HTTP\/1.1 standard<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>HTTP\/2 Deep Dive<\/strong><\/h2>\n\n\n\n<p>HTTP\/2 supports binary format and header compression and provides superior performance with low latency. It maintains a single TCP connection between the client and server and avoids the overhead of setting up multiple TCP connections. It supports full request and response multiplexing and hence we can achieve higher throughput with low latency with better network utilization. HTTP\/2 also compresses the headers using HPACK to reduce the overhead cost and improve the performance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-77.png\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"410\" src=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-77.png\" alt=\"\" class=\"wp-image-1747\" srcset=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-77.png 975w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-77-300x126.png 300w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-77-768x323.png 768w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-77-583x245.png 583w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/a><\/figure>\n\n\n\n<p>The new<strong> binary framing<\/strong> mechanism changes how the data is exchanged between the client and server. Lets us look at the terminologies used in HTTP\/2<\/p>\n\n\n\n<ul><li><strong><em>Frame<\/em><\/strong>: The smallest unit of communication in HTTP\/2. It contains a frame header that identifies the stream to which frame it belongs, which at a minimum identifies the stream to which the frame belongs. It carries different types of data like<strong> HEADERS, SETTINGS, PRIORITY, DATA, etc.<\/strong><\/li><li><strong><em>Stream<\/em><\/strong>: It is the bidirectional flow of bytes within an established connection that carries multiple bidirectional messages. Each stream has a unique identifier.<\/li><li><strong><em>Message<\/em><\/strong>: A complete sequence of frames that map to a logical request or response message. Each message, which can be a request or response, is broken down into multiple binary frames.<\/li><\/ul>\n\n\n\n<p>A single TCP connection that carries multiple bidirectional streams.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-78.png\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"796\" src=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-78.png\" alt=\"\" class=\"wp-image-1748\" srcset=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-78.png 975w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-78-300x245.png 300w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-78-768x627.png 768w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-78-367x300.png 367w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/a><\/figure>\n\n\n\n<p>As seen above, the streams do not actually flow separately. Streams consist of multiple requests or response messages which in turn contain multiple frames. These frames will be reassembled when reaching the other side. Thanks to the binary framing layer, stream multiplexing is possible in HTTP\/2. This new binary framing layer in HTTP\/2 allows the client and server to break down an HTTP message into independent frames, interleave them, and then reassemble them on the other end.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-79.png\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"296\" data-id=\"1749\" src=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-79.png\" alt=\"\" class=\"wp-image-1749\" srcset=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-79.png 975w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-79-300x91.png 300w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-79-768x233.png 768w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-79-583x177.png 583w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<p>The above diagram shows that there are multiple streams in flight within the same connection. The client is sending a DATA frame (stream 5) to the server, while the server is transmitting an interleaved sequence of frames to the client for streams 1 and 3. Overall there are 3 streams in a single TCP connection.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>Benefits of HTTP\/2<\/strong><\/h2>\n\n\n\n<p>The concept of breaking down an HTTP message into independent frames, interleaving then reassembling them on the other end is the most important feature of HTTP\/2 that brings numerous performance benefits across the entire stack of all web technologies, enabling us to<\/p>\n\n\n\n<ul><li>Use a single connection to deliver multiple requests and responses in parallel.<\/li><li>Interleave multiple requests in parallel without blocking the requests.<\/li><li>Interleave multiple responses in parallel without blocking the requests.<\/li><li>Remove unnecessary HTTP\/1.x workarounds (Like Domain Sharding and Content concatenation)<\/li><li>Faster page loading by eliminating unnecessary latency and improving utilization of available network capacity.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>Difference between HTTP\/2 and HTTP\/1.1<\/strong><\/h2>\n\n\n\n<p>Let us look at the differences between HTTP\/2 and HTTP\/1.1<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-80.png\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"269\" src=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-80.png\" alt=\"\" class=\"wp-image-1750\" srcset=\"https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-80.png 975w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-80-300x83.png 300w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-80-768x212.png 768w, https:\/\/ontoborn.com\/blog\/wp-content\/uploads\/2022\/07\/image-80-583x161.png 583w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a><strong>HTTP\/3 \u2014 the latest version of HTTP<\/strong><\/h2>\n\n\n\n<p>HTTP\/3 is the third and latest version of the Hypertext Transfer Protocol (HTTP). It was previously known as HTTP-over-QUIC (<strong>Quick UDP Internet Connections)<\/strong>. QUIC was initially developed by Google and is the successor of HTTP\/2. Companies like Google and Facebook already use QUIC to speed up the web. <strong>HTTP\/3<\/strong> was adopted as an IETF standard (Internet Engineering Task Force) recently.<\/p>\n\n\n\n<p>In this article, we saw what is HTTP\/2, and its features. We also did a deep dive to understand its terminologies and how it works. Then we compared HTTP\/2 with HTTP\/1.1 which clearly shows the benefits of using HTTP\/2. A brief introduction was given about HTTP\/3 and I will leave it to you to explore that.<\/p>\n\n\n\n<p>Hope you have enjoyed this article and Thanks for reading!!!<\/p>\n\n\n\n<p><strong><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-sitetext-color\">I work as a freelance Architect at Ontoborn, who are experts in putting together a team needed for building your product. This article was originally published on <a href=\"https:\/\/medium.com\/@dineshchandgr\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"my personal blog\">my personal blog<\/a><\/mark><\/em><\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello everyone. In this article, we are going to see what is HTTP\/2, its features, terminologies, and benefits. We will also compare HTTP\/2 with HTTP\/1 and see a brief introduction about HTTP\/3 to end this &hellip;<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[79],"tags":[],"_links":{"self":[{"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/posts\/1745"}],"collection":[{"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/comments?post=1745"}],"version-history":[{"count":7,"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/posts\/1745\/revisions"}],"predecessor-version":[{"id":1816,"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/posts\/1745\/revisions\/1816"}],"wp:attachment":[{"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/media?parent=1745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/categories?post=1745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ontoborn.com\/blog\/wp-json\/wp\/v2\/tags?post=1745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}