Quick Wins for Backend Developers

on YouTube ↗56m

" summary

Concrete fixes and measured wins: images are ~60–65% of page weight so serving webp and right-sized srcset cuts LCP; subsetting fonts with glyphhanger shrinks font payloads (~400KB to 138KB) and speeds downstream LCP; using browser lazy loading via loading="lazy" plus IntersectionObserver fixes offscreen loads; replacing a YouTube embed drops ~24 requests and ~1MB/300ms to ~6 requests and 37KB/52ms; reserving ad space reduces CLS (one test shows ~64% improvement).

AI-written summary · about

" chapters (11)

1. 0:00Quick backend fixes
2. 2:30Web complexity challenges
3. 8:26Core Web Vitals
4. 16:26Page speed solutions
5. 18:52Image optimization
6. 24:06WebP and responsive images
7. 30:04Lazy loading images
8. 37:23Ads and user experience
9. 42:38Video embed optimization
10. 46:30Font optimization
11. 54:30Next steps

" related talks

• 48mFast and Beautiful: Modern Image Delivery TechniquesDoug Sillars · Mobile Era 2018
• 56mBoosting Web Performance in 2022Vitaly Friedman · Nordic.js 2022
• 25mDelivering Fast and Beautiful Images and VideoDoug Sillars · WebCamp Zagreb 2018
• 41mSpeed at Scale: Web Performance Tips and Tricks from the TrenchesAddy Osmani, Katie Hempenius · Google I/O 2019
• 31mDelivering Fast and Beautiful Images and VideoDoug Sillars · FrontCon 2018
• 30mFast and Beautiful: Modern Image Delivery TechniquesDoug Sillars · DevDays Europe 2019
• 46mFast and Beautiful Modern Image Delivery TechniquesDoug Sillars · DevFest Nantes 2018
• 23mOptimizing page load speed on front end sideKrešimir Burić · WebCamp Zagreb 2018