Improving Resource Discovery and Page Loading with LINK Relations

Explore the intricacies of HTML parsing and resource loading in this 49-minute conference talk from CSS Day 2016. Dive into the complex process of loading web pages, examining how browsers balance the need for quick resource discovery with potential parser-blocking issues. Learn about the link element's role in defining page relationships and discover new link relations that can optimize resource discovery and accelerate page loading. Gain insights into topics such as style sheets, render blocking, DNS prefetching, preloading, and HTTP/2 push. Enhance your understanding of web performance optimization techniques and their impact on user experience.

Intro
What is LINK
Relationships
Style Sheets
rel
render blocking
multiple relationships
media
cross origin
HTTP header
Wire process
Scripts
Waterfalls
Coupling
Tokenizer
Preloader
Resource Discovery
DNS Prefetch
Prefetch
Linkrel Next Prerender
Accelerated Mobile Pages
Preload Relation
Preload Fonts
Preload Script
Preload Async
Preload Supports
HTTP2 Push