The Five Whys of Web Font Loading Performance

Explore the intricacies of web font loading performance in this 47-minute conference talk from performance.now() 2018. Delve into Zach Leatherman's "Five Whys" methodology, examining invisible text, text in motion, web font reflow, and system fonts. Learn about optimization techniques such as preconnect, self-hosting, and sharding. Discover the importance of font display, preloading, and user disruption metrics. Investigate cutting-edge topics like the CSS File Loading API, variable fonts, and font synthesis. Access accompanying slides and additional resources to enhance your understanding of web font performance optimization.

Intro
Title
Methodology
Invisible Text
Mitt Romney
Text in Motion
Visible Text
Web Font Reflow Count
Web Safe Fonts
System Fonts
Overview
Preconnect
SelfHosting
Sharding
Antipattern
Font Display
Preload
User Disruption
Metrics Prioritization
Mini Review
CSS File Loading API
Variable Fonts
Variable Font Size
VFont Stock
Discussing Font Synthesis