The Performance Alphabet
summary
A rapid checklist of actionable items and real numbers: remove EXIF (images carry ~16% metadata), keep payloads tiny (examples show a page delivering 45 MB on mobile), prefer async script and image decoding, reduce requests (the quickest request is the one never made), and measure with Lighthouse and the User Timing API. Practical tools and formats called out include ImageOptim, Guetzli, WebP, service workers, network hints (preconnect/prefetch), the Network Information API, and CPU/network throttling.
AI-written summary · about
chapters (3)
related talks
27mA primer on performance
32mBanish Image Bloat: Achieving Peak Performance with Image Performance Budgets
26mFast and Beautiful Modern Image Delivery Techniques
31mWe're All Doing the Best We Can
30mFast and Beautiful: Modern Image Delivery Techniques
31mDelivering Fast and Beautiful Images and Video
29mSpeed Essentials: Key Techniques for Fast Websites
49mDemystifying web performance tooling and metrics