seniorHTML5
Explain the 'Resource Hints' (dns-prefetch, preconnect, prefetch, preload).
Updated Apr 28, 2026
Short answer
Directives to the browser to prioritize or prepare for fetching certain resources.
Deep explanation
preload is for high-priority resources needed for the current page. prefetch is for resources likely needed for the next navigation. preconnect resolves DNS and performs TCP/TLS handshakes early.
Unlock with a Pro subscription to view this section.
View pricingReal-world example
No real-world example available yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProCommon mistakes
No common mistakes listed yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProFollow-up questions
No follow-up questions available yet.
Unlock with a Pro subscription to view this section.
Upgrade to Pro