Browser built-in loading strategies

For better website performance!

By FAM

Hi there 👋

What drain the web performance is the loading time of its resources. Fortunately, modern browsers are equipped with built-in hints to load resources efficiently, thus creating a better user experience and website performance.

You don’t have to install anything since all these loading strategies are already built in your browser. These hints look like this:

Let’s learn more about each of them.

The job of each

• preload – when you want to start loading the resource early in the page life cycle and before the browser’s primary rendering mechanism starts.
• prefetch – downloads the resource in the background and cache it until the user requests it.
• preconnect – establishes a connection to a server in advance to make the request quick when the time comes to call that server.
• dns-prefetch – when you want to call DNS lookups on cross-origin domains…