Prefetch
Prefetch anticipates resource needs and downloads them in advance for faster navigation.
Definition
Prefetch is a web performance technique that allows browsers to download resources in advance, anticipating their future use. By using the link rel='prefetch' attribute, developers can instruct the browser to fetch certain resources (like images or scripts) that are likely to be needed on subsequent pages or actions. This proactive approach helps reduce loading times when users navigate through a site.
Prefetching is particularly useful in single-page applications or when users are expected to click through multiple pages quickly. However, it should be used judiciously to avoid unnecessary bandwidth consumption.
Why It Matters
Utilizing prefetch effectively can enhance user experience by significantly reducing load times for subsequent pages, which can improve retention and satisfaction rates. Search engines favor sites that provide a smooth navigation experience, potentially boosting rankings.
Example
A practical example of prefetching would be: <link rel='prefetch' href='https://example.com/page2.html'>. This tells the browser to fetch the contents of page2.html in advance.
Check if your site gets this right
Run a free audit and get AI-powered fix suggestions in 30 seconds.
Run a free audit