Early Hints are a browser feature that allows you to start loading critical page resources as early as possible. In contrast to normal resource hints this can happen even before the server starts responding with the contents of the HTML document.
Learn how this works and how you can use it to optimize your page load time.
Network request waterfalls show what resources are loaded when opening a website. This helps developers and website owners understand why different content elements show up at different times and how it can be optimized.
Recently I made a wall calendar with 12 request waterfalls for a conference, highlighting different web performance issues. This article goes through these waterfalls one by one and explains what they show. You can also test your own website to see what you can optimize.
A Content Delivery Network (CDN) can help you make your website load quickly anywhere in the world. CDNs provide local infrastructure across the world, so your visitors can fetch data quickly from a nearby data center instead of from a different continent.
This article first takes a closer look at the concept of CDNs. What they are exactly, what type of content you can serve on them, and when do they deliver the most value? Then we go through how exactly to use a CDN like Cloudflare to improve your web performance.
The web works by clients requesting resources from servers using the HTTP protocol. Server connections are needed so that data is transferred reliably and securely.
This article will look at how browsers create connections to servers on the web, the network round trips that are needed to create a connection, and how all of this impacts page speed.
The HTTP protocol lets browsers and other applications request resources from a server on the internet to load web pages. HTTP/3 is the latest version of HTTP, published by the Internet Engineering Task Force (IETF) as the RFC 9114 standard.
HTTP3 aims to make websites faster and more secure by providing an application layer over QUIC, a next-generation transport protocol.
At a high level, HTTP3 provides the same functionalities as HTTP2, such as header compression and stream prioritization. However, under the hood, the QUIC transport protocol entirely changes the way we transfer data over the web.
In this article, we'll take an in-depth look at the new features and differences of HTTP3 vs QUIC, how they fit into the overall ecosystem of network protocols, how HTTP3 compares to the previous versions of HTTP, and the cons of the QUIC and HTTP3 protocols.
The Chrome DevTools Performance tab is packed full of features that let you audit page performance in depth. You can use it to test both the initial load of your website as well as how quickly it responds to user input, as measured by Google's Interaction to Next Paint metric.
This article explains how to use the Performance tab to profile your site and interpret the results.