{"id":31231,"date":"2015-02-27T20:08:17","date_gmt":"2015-02-27T18:08:17","guid":{"rendered":"https:\/\/blog.superhosting.bg\/?p=31231"},"modified":"2022-04-02T09:43:10","modified_gmt":"2022-04-02T06:43:10","slug":"new-http2","status":"publish","type":"post","link":"https:\/\/blog.superhosting.bg\/en\/new-http2.html","title":{"rendered":"Even Faster Web with HTTP\/2"},"content":{"rendered":"\n

Version 2.0<\/strong> (HTTP\/2<\/a>) of the HTTP protocol for data transfer on the Web, is finally complete<\/a> and all is left now is to standardize it.<\/p>\n\n\n\n

Over the last years we\u2019ve seen a frequent updating of web browsers and web technologies. But they all depend on the main driving component \u2013 the HTTP protocol which is used to transfer data on the Web.<\/p>\n\n\n\n

And <\/span>while they constantly improve the way they operate, the HTTP protocol has not gone through any changes for 15 years now. <\/span>That is why the news about a new HTTP, that is faster and catches up with the rest of the Web components, is a quite refreshing one.<\/p>\n\n\n\n

HTTP 1.1 (dated 1999<\/em>) has been powering up the Web for years now, but the time has come for something new, better and in line with the modern online world.<\/p>\n\n\n\n

What is HTTP\/2?<\/h2>\n\n\n\n

HTTP\/2 is the new version of the HTTP protocol. This version is based on the SPDY<\/a> protocol, developed by Google to speed up web sites. HTTP\/2 is a modern protocol with a new way to transfer data between a web server and a web browser, which significantly speeds up the loading of web content. Some of the advantages of this new protocol are the following: improved speed, low bandwidth, better connection management and more.<\/p>\n\n\n\n

The main differences between HTTP\/2 and HTTP\/1.x in brief<\/h2>\n\n\n\n

The protocol is now binary<\/h3>\n\n\n\n

The protocol is now binary (01000110\u2026), instead of text (GET \/index.html)<\/strong><\/em>and uses multiplexing<\/a> of the client-server communication.<\/p>\n\n\n\n

Two new data transfer components are introduced – Frame<\/a> (frame, containing the data) and Stream<\/a> (the stream through which the frames are exchanged). The data between a web server and a web browser is divided into parts and is packed into frames before being sent via the HTTP\/2-TCP connection<\/a>. There are several types of frames \u2013 header frame, data frame and others<\/a>.<\/p>\n\n\n\n

The HTTP\/2-TCP network connection is a communication channel in the virtual space between a client and a server. A large number of data streams can be created and utilized within this communication channel. The stream is an independent thread of consecutively arranged frames flying both ways between client and a server. The frames within a single stream carry the stream\u2019s identificator (a unique stream number). Both ends of the communication connection \u2013 the server and the client may take and rearrange frames from a multitude of various streams at the same time.<\/p>\n\n\n\n

With HTTP 1.1, a single web client may only request a single resource at a given time using an HTTP\/TCP connection. Each of those sent requests is received and processed in a consecutive order. The new HTTP\/2 uses multiplexing of the requests and many requests may be \u201dattached\u201d to a single TCP connection at the same time. A priority may be assigned to each request. For example, some parts of the web site, such as the HTML code and the .css may be loaded before the images.<\/p>\n\n\n\n

Uses header compression<\/h3>\n\n\n\n

To compress the header, a specially created HPACK<\/a> algorithm is used. The decreased volume of the constantly transferred headers between a client and a server significantly decreases the loading time.<\/p>\n\n\n\n

Allows the web server to send data to the client<\/h3>\n\n\n\n

Allows the web server to send data to the client by the server\u2019s own initiative (server-push)<\/em><\/strong>, even before requested.<\/p>\n\n\n\n

This new function for the web server tremendously speeds up web content loading time. The web server may offer to the web browser the additional elements of the web page, without waiting for a specific request for that. Up until now, when a web browser received and read the HTML code of a web page, the browser would send additional request to the web server for the additional resources (for example images and scripts). Instead, the web server will now know what are the additional elements on the web page and will offer them to the web browser right away, without additional requests and lag.<\/p>\n\n\n\n

In the HTTP\/2 protocol there is an option that is sparing the mobile clients who may decline to automatically receive data from the server.<\/p>\n\n\n\n

There are talks on the web about another HTTP protocol – SPDY\/2. What does it have to do with HTTP\/2?<\/h2>\n\n\n\n

Firstly, the common thing between them is in the idea for a faster and more secure Web for all, but the most important thing is that the HTTP\/2 is based on SPDY.<\/p>\n\n\n\n

SPDY is an HTTP compatible protocol developed by Google in 2012 and is supported by several web browsers such as Chrome, Opera, Firefox, Internet Explorer 11, Safari and Amazon Silk.<\/p>\n\n\n\n

Many of the capabilities of the SPDY protocol are implemented in the new HTTP version such as multiplexing of the requests, headers compression, stream priority, sending data from the server (server-push) and more.<\/p>\n\n\n\n

Google announced their plans to migrate to HTTP\/2 by the beginning of 2016, discontinuing the support of SPDY (Google: Hello, HTTP\/2, goodbye SPDY<\/a>).<\/p>\n\n\n\n

In Internet Explorer SPDY is already in a deprecated status.<\/p>\n\n\n\n

Distribution and support of the new HTTP\/2 protocol<\/h2>\n\n\n\n

The HTTP\/2 protocol is already supported by the most popular web browsers such as Mozilla Firefox and Google Chrome. The developers of both web browsers have announced that the support of the HTTP\/2 protocol will only apply to instances where a secure connection is used (https).<\/p>\n\n\n\n

HTTP\/2 is supported and is activated by default since Firefox 34<\/a>. In the settings page of Firefox, about:config<\/strong>, for the option “network.http.spdy.enabled.http2draft<\/strong>” the value should be true<\/strong>.<\/p>\n\n\n\n

If you are using Mozilla Firefox you may see HTTP\/2 in action right away by making sure the option above is activated, and by visiting any web site through a secure connection. Make sure the site also supports HTTP\/2, for example Google Analytics<\/a>.<\/p>\n\n\n\n

To see which protocol is used when connecting to the web site, open the developer tool in Firefox – Tools<\/strong> -> Web Developer<\/strong> -> Web Console<\/strong> (or key shortcut Ctrl+Shift+K<\/strong>). You will see something similar. If necessary, reload the page after opening the console (Ctrl+F5):<\/p>\n\n\n\n

\"HTTP\/2<\/a><\/figure><\/div>\n\n\n\n

<\/p>\n\n\n\n

While the HTTP\/2 protocol is already supported by the most popular web browsers, some server applications are still waiting for implementation. For the time being, if you want to test the new HTTP, you can take a look at the <\/span>complete implementations<\/a> node-http2 (Node.js), http-2 (Ruby) and others.<\/span><\/p>\n\n\n\n

For now we are still waiting for the Apache web server to officially include support for the new HTTP\/2 protocol.<\/p>\n\n\n\n

Curious: <\/strong>In 2012, around the same time when the SPDY protocol<\/a> by Google seemed like the only logical proposal for a version 2 of the HTTP, Microsoft launched<\/a> a competitive protocol<\/a> – HTTP S&M<\/a> (S<\/strong>peed+M<\/strong>obility).<\/div>\n\n\n\n
Test<\/strong> and see for yourself the difference between HTTP\/2 and HTTP\/1 when loading images (in HTTP\/2 one can properly see the parallel loading of resources).<\/div>\n","protected":false},"excerpt":{"rendered":"

HTTP\/2 is a modern protocol with a new way to transfer data between a web server and a web browser, which significantly speeds up the loading of web content. <\/p>\n","protected":false},"author":16,"featured_media":31251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[110],"tags":[224],"class_list":{"0":"post-31231","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-superhosting-technology-en","8":"tag-website-speed-up"},"aioseo_notices":[],"modified_by":"\u041c\u0430\u0434\u043b\u0435\u043d\u0430 \u041c\u0435\u0442\u043e\u0434\u0438\u0435\u0432\u0430","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/posts\/31231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/comments?post=31231"}],"version-history":[{"count":10,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/posts\/31231\/revisions"}],"predecessor-version":[{"id":64886,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/posts\/31231\/revisions\/64886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/media\/31251"}],"wp:attachment":[{"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/media?parent=31231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/categories?post=31231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.superhosting.bg\/en\/wp-json\/wp\/v2\/tags?post=31231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}