CSS and the first meaningful paint
summary
Claims that inlining critical CSS plus prioritizing a few hidden assets cuts time to first meaningful paint from ~8,000ms to ~3,200ms on 3G (a ~63% improvement) using WebPageTest and Lighthouse audits. Using link rel=preload for fonts and CSS yields a ~64% gain; naive HTTP/2 push can hurt, while pushing during server think time (Fastly-style async push) hits ~65% and saves >3,000ms on 3G. Also covers HTTP/2, Service Workers, Early Hints and Cache-Digest.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 0:57Patrick Hamann
- 6:50How we can optimize our own websites
- 12:33Inline CSS
- 16:28Pros and cons
- 19:55Why is font delivery so low
- 25:31Priority by order
- 28:16H2 Preload
- 31:40Async Push
- 35:26The future
