Website Design Orlando

Responsive-Mobile design by Irina Blumenfeld

  • About
  • Services
    • Website Design
    • Local SEO
    • Digital Marketing
    • Website Care
  • Projects
  • Testimonials
  • Articles
    • Speaking
    • Tutorials
    • Resources
  • Support
  • Contact
  • Twitter
Home / Tutorials / Benefits of HTTP/2 Protocol

Benefits of HTTP/2 Protocol

Updated: February 5, 2019 //

Earlier this year, HTTP/2 protocol was released. It’s a replacement for HTTP/1.x protocol that hasn’t been changed since 1999. That’s a lifetime in Internet time!
The focus of HTTP/2 is site performance, network and server resource usage. It’s based on Google’s protocol SPDY.

You can find more information about HTTP/2 here

Benefits of HTTP/2

One of the benefits is called Multiplexing. It allows simultaneous file transfer between the client and the server, all at the same time.

Great example of difference between HTTP/2 and HTTP/1.1 is like going to the grocery store and instead of calling your spouse once and asking: “Do we need milk, water, bread? But call several times. “Do we need milk? “Do we need water?” “Do we need bread?
Back when HTTP/1 was invented, web pages were smaller, servers had limited resources, and we had slower Internet connections. With HTTP/1.1 the browser can request 1 resource at a time per connection (like image, JavaScript file, etc). so the browser has to wait a long time waiting until next resource can download. This results in slower page load time:http1 protocol

HTTP/1 Protocol

Modern browsers can try to download only 2-6 resources at a time. Average webpage has over 100 resources, and each delay in between loading adds to page load.

HTTP/2 makes a single connection to the server and then “multiplexing” multiple requests to receive multiple responses at once.

For example, instead of waiting on Image 2, the browser can download it, even if Image 1 still hasn’t loaded.
This prevents blocking of the entire page, until, let’s say a Huge background image finished loading. This creates a better user experience.
http2 protocol

HTTP/2 Protocol

Here’s a live demo of HTTP/2’s performance. It’s amazing to watch the difference in download between the protocols.

Another benefit of HTTP/2 is called “Server Push”.

This allows the server to push content to visitor, even before the visitor requests it. For example, your server can actually “push” your logo image to the browser, even before it knows that it needs it.

HTTP/2 works best with HTTPS. Having an secure connection is important to Google’s ranking.

How to implement it

If you are interested in implementing HTTP/2 on your site, contact your hosting company. It needs to be installed on the web server. You will need to have SSL installed on your site. A lot of hosting companies are implementing new HTTP/2 protocol now.

Siteground (our preferred hosting provider) was one of the first hosting companies to offer support for HTTP/2 protocol on all shared hosting plans!

Get 60% OFF your SiteGround plan

Most current browsers now support HTTP/2

You can test if your website loads over HTTP/2 here .

You can also install a browser extension for Chrome to have an indicator in the address bar whether the site supports HTTP/2 and SPDY.

5/5 (3 Reviews)

Recent Posts

WebPagetest-preview

10 ways to speed up your website

Why is it important? Nobody likes waiting for a slow website. Google uses Page Speed as one of the factors to determine rank. Faster load[Read More…]

SSL options on CloudFlare

How to enable Free SSL, HTTP/2 protocol and CDN

You can get Free SSL (Flexible SSL) from CloudFlare. With that, CloudFlare has added support for HTTP/2 protocol. CloudFlare is a Content Delivery Network, that[Read More…]

baseline-JPEG

How to fix slow loading images

Over the last 5 years the size of an average web page gradually increased, and so did the sizes of images used. Average page size[Read More…]

About Irina Blumenfeld

Web Consultant, empowering business owners through WordPress. Passionate about Web Performance.
Follow on Twitter

Categories

  • Resources (5)
  • Speaking (14)
  • Tutorials (17)

More Articles

  • WordCamp Orlando 2019
  • Stand Out In Search Results
  • How To Make Your Site Stand Out In Search Results
  • Speeding Up WordPress
  • WordCamp Jacksonville 2018
  • WordPress Orlando Gutenberg Meetup
  • WordCamp Miami 2018
  • Steps to do before launching a WordPress website
  • 10 Steps To Do Before Launching Your WordPress Website
  • Why is my WiFi so Slow? Best ways to Fix Slow WiFi at home
  • WordCamp Orlando 2017
  • How to hide author username in Beaver Builder Posts Module
  • How to fix slow loading images
  • Best Practices For Faster Websites
  • Plugins
  • WordCamp Orlando 2016
  • How to add star rating in WordPress
  • Make WordPress website faster in 3 steps
  • Migrate WordPress to HTTPS
  • Why you should migrate to HTTPS
  • WordCamp Jacksonville 2016
  • How to disable Emojis in WordPress
  • WordCamp Miami 2016
  • How to remove query strings from static resources
  • How to enable Free SSL, HTTP/2 protocol and CDN
  • Improve Your Website Performance
  • List of resources to speed up your website
  • 10 ways to speed up your website
  • Benefits of HTTP/2 Protocol
  • How to add custom post types to a Widget
  • Add previous/next links on single page of custom post type in Genesis
  • How to add text “Menu” next to Hamburger Icon
  • About
  • Services
  • Projects
  • Testimonials
  • Articles
  • Support
  • Contact
  • Twitter

Copyright © 2023 · Netmagik.com · All Rights Reserved · Privacy Policy · Disclosure · Sitemap
WordPress hosting by SiteGround
Tools We Recommend

Twitter Facebook Linked In Github Codepen