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.