A simple HTML attribute that tells the browser which assets to load first, called https://wicg.github.io/priority-hints/, has improved the load time of the largest images on https://www.etsy.com/’s product listing pages by 4% based on Google’shttps://web.dev/lcp/ metrics. Simply put, now developers can explicitly tell the browser which assets are priority loading assets and take the guesswork out of browser loading.

The next best thing he reveals is, “a page that gives the impression of being instantaneous, at least.”

The hint clearly illustrates which assets are a high priority for browser loading and the guesswork is removed. The browser can now load priority assets immediately, as in before the JavaScript requests are complete.

Related Articles