Boosting Web Performance in 2022
summary
Shows measurable wins: migrating images to AVIF and WebP and exporting lower-quality AVIF yields big bytes savings (examples ~70KB), adopting decoding=async speeds text render, and switching to JPEG XL looks promising. Uses font-loading API, a critical two‑stage font plus service worker to cut CLS to near zero, moves third‑party scripts into web workers with Partytown, uses facades for embeds, predictive prefetch on hover and delayed script injection; Smashing Magazine metrics move from red/amber into green.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 5:24Modern web performance complexity
- 10:37jQuery in enterprise
- 15:11Adaptive serving and environment
- 22:53Lighthouse vs Core Web Vitals trade-offs
- 24:18Optimizing images
- 35:14Advanced font loading
- 44:42Critical path optimization
- 51:04Smashing Magazine performance
- 52:50UX and performance balance
related talks
56mQuick Wins for Backend Developers
26mFast and Beautiful Modern Image Delivery Techniques
27mAngular Performance and Core Web Vitals in 2024
48mFast and Beautiful: Modern Image Delivery Techniques
29mSpeed Essentials: Key Techniques for Fast Websites
25mDelivering Fast and Beautiful Images and Video
01h 03mBetter performance === greater accessibility
28mFantastic Frontend Performance Tricks & Why We Do Them