PageSpeed Matters
    Speed Audit
    Let's Talk
    PageSpeed Matters
    Book a Call
    Optimization Techniques · Glossary

    Preload / Preconnect / Resource Hints

    Matt SuffolettoWritten by Matt Suffoletto
    Published June 26, 2026
    Preload / Preconnect / Resource Hints
    Share

    TL;DR

    Resource hints are HTML <link> directives, including dns-prefetch, preconnect, preload, prefetch, and modulepreload, that tell the browser to perform network work for a resource earlier than it normally would.

    What is Preload / Preconnect / Resource Hints?

    Resource hints are HTML <link> directives, including dns-prefetch, preconnect, preload, prefetch, and modulepreload, that tell the browser to perform network work for a resource earlier than it normally would.

    Learn more in our how to improve resource hints guide, or work with us through our done-for-you speed optimization service.

    How Preload / Preconnect / Resource Hints is Measured

    Resource hints are visible in the document head and their effect can be inspected in the Chrome DevTools Network panel.

    Related Terms

    Sources