Hacking Web Performance

on YouTube ↗36m

" summary

Median First Contentful Paint ~2.4s and median Time To Interactive ~8.9s, with some landings near 22s, so expect concrete, measurable wins not vague tips. Covers using 14.6 kilobytes as a TCP slow‑start budget, enabling HSTS to avoid redirects, Brotli and newer image compressors, bundling + preload + importance, lazy loading and preload for responsive images, service worker patterns like stale‑while‑revalidate, Client‑Hints and reactive server decisions, and practical rollouts for HTTP/3 (QUIC) and Chrome Lite Pages with numbers and implementation notes.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 0:47mobile+web developer & trainer
3. 2:32Goals
4. 3:01You are already
5. 4:28The problem
6. 9:54Chrome Lite Pages
7. 11:57Progressive Web Apps
8. 13:16First Load
9. 20:18Data Transfer
10. 22:46Resource Loading
11. 29:26Images
12. 32:38User Experience
13. 35:09Why Performance

" related talks

• 31mHacking Web PerformanceMaximiliano Firtman · JSConf Mexico 2020 Virtual Edition
• 31mHacking Web PerformanceMaximiliano Firtman · JSConf Mexico 2020 Virtual Edition
• 38mCSS and the first meaningful paintPatrick Hamann · CSS Conf EU 2017
• 32mEverything you need to know about Web PerformanceFilip Rakowski · JSWorld Conference 2022
• 37mThe First Meaningful PaintPatrick Hamann · Front-Trends 2017
• 27mHigh Performance in the Critical Rendering PathNicolás Bevacqua · JSConf Budapest 2016
• 49mEffortless Performance DebuggingAnna Migas · ffconf 2019
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018