LINK
summary
Claim: new link relations let the browser discover and fetch otherwise hidden resources so pages load measurably faster. Describes concrete relations and behaviors: rel=preload with the as attribute sets correct priority, accept headers and CSP for fonts and scripts; preconnect establishes DNS TCP TLS early; prefetch/p prerender fetch next-page assets with low or full priority; link relations can be sent as an HTTP Link header and rel=serviceworker is forthcoming. Examples include early font loading and decoupling script download from execution.
AI-written summary · about
chapters (27)
- 0:00Intro
- 0:45What is LINK
- 1:45Relationships
- 4:10Style Sheets
- 5:45rel
- 7:00render blocking
- 8:35multiple relationships
- 10:18media
- 12:53cross origin
- 14:13HTTP header
- 16:14Wire process
- 17:01Scripts
- 18:33Waterfalls
- 19:01Coupling
- 22:02Tokenizer
- 22:42Preloader
- 23:58Resource Discovery
- 27:19DNS Prefetch
- 29:45Prefetch
- 30:32Linkrel Next Prerender
- 31:52Accelerated Mobile Pages
- 33:16Preload Relation
- 36:07Preload Fonts
- 39:44Preload Script
- 41:12Preload Async
- 43:24Preload Supports
- 45:27HTTP2 Push
related talks
42mResource loading, prioritization, HTTP/2 - oh my!
27mpreconnect, prefetch, preload, pre what? An intro to Resource Hints
40mpreconnect, prefetch, preload, pre-what?
32mStay Away From My Path!
47mMore Than You Wanted to Know About Resource Hints
38mCSS and the first meaningful paint
52m“More Than You Ever Wanted to Know About Resource Hints”
38mSecret Shortcuts of Loading Web Performance