✳flâneur — a map of the web's best reading

Preload critical assets to improve loading speed | Articles | web.dev

web.dev · 1,728 words · saved by 1 readers

When you open a web page, the browser requests the HTML document from a server, parses its contents, and submits separate requests for any referenced resources. As a developer, you already know about all the resources your page needs and which of them are the most important. You can use that knowledge to request the critical resources ahead of time and speed up the loading process. This post explains how to achieve that with . Preloading is best suited for resources typically discovered late by the browser. By preloading a certain resource, you are telling the browser that you would like to fetch it sooner than the browser would otherwise discover it because you are certain that it is important for the current page. The critical request chain represents the order of resources that are prioritized and fetched by the browser. Lighthouse identifies assets that are on the third level of this chain as late-discovered. You can use the Preload key requests audit to identif

Home Articles Resources Fast load times Preload critical assets to improve loading speed Stay organized with collections Save and categorize content based on your preferences. Houssein Djirdeh Jeremy Wagner Milica Mihajlija When you open a web page, the browser requests the HTML document from a server, parses its contents, and submits separate requests for any referenced resources. As a developer, you already know about all the resources your page needs and which of them are the most important. You can use that knowledge to request the critical resources ahead of time and speed up the loading

Explore this link on the map →

related reading