Use HTTP/2 for all Resources

What is HTTP/2?

HTTP/2 is the latest version of the HTTP/1.1 protocol and was released in 2015. HTTP/2 is more efficient in how it processes and prioritizes content during the page load process. Like we mentioned in previous sections in this guide, prioritization can affect how resources are loaded, which has a cumulative effect on the overall page load time and user experience.

How HTTP/2 Increases Website Performance

Compared to HTTP/1.1, the HTTP/2 protocol provides web developers with more control over how elements, such as CSS, JavaScript, images, etc., are prioritized during the page load process. We discussed how these render-blocking resources affect the immediate page load process. If these elements block the page from rendering, it may appear to the user that something is wrong with your site, or not loading at all. HTTP/2 includes support for multiplexing, which allows the server to send multiple data streams at once instead of one at a time. Developers can set a priority, or weighted value, so that when a user requests a web page, the elements or content that you want them to see first, second, third, etc., can be set. Another benefit to HTTP/2 is the ability to utilize HPACK compression for HTTP messages, which can remove duplicate information from messages and make them smaller, saving data and speeding up load page times.

HTTP/3: Next in Line

As of July 2021, the HTTP/3 protocol was officially drafted. This protocol uses a new transport protocol, QUIC (Quick UDP (User Datagram Protocol) Internet Connections), which is supposed to eventually replace the TCP and TLS (Transport Layer Security) protocols. HTTP/3 offers benefits like faster data transfer rates, better reliability, and increased security/encryption features versus HTTP/2. However, at this time, QUIC has only seen limited adoption rates.

lighthouse

Lighthouse

Lighthouse is an open-source tool that is used to run an audit against your web pages and provides scores and suggestions for improving page performance, accessibility, SEO, and more.

pagespeed

PageSpeed Terms

PageSpeed Insights is a tool created by Google that reports on the performance of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved.

yslow

YSlow

YSlow is an open-source website analysis tool that can be used to identify web page performance issues. Learn more about the YSlow to enhance your web pages and the user experience.