HTML & CSS · Senior · Question 48 of 75
How does preload differ from prefetch in <link rel>?
- ✓Correct answer:
preloadis urgent for the current page,prefetchis in advance for the next one - 2They're synonyms: both load a resource with high priority
- 3
prefetchexecutes the script immediately, whilepreloaddefers it
Explanation
preload says "this resource is definitely needed now, start early" - e.g. a font or an LCP image discovered late. prefetch is a hint for the future, loaded during idle time. An unnecessary preload steals bandwidth from critical resources. There's also preconnect to set up a connection to a domain early.