Shrink The Web: How To Get Happier By Removing Crap

on YouTube ↗01h 05m

" summary

Average modern homepages often outweigh Doom (2.39 MB) and a tested WordPress theme homepage clocks 4.72 MB, often taking over 15 seconds on 3G; images are the largest slice. Simple fixes and tools deliver big wins: Photoshop “Save for Web (Legacy)” and Squoosh shrink a 2.34 MB hero to ~219 KB (91% smaller) or a 4.74 MB image to ~400 KB; enabling gzip, bundling/minifying, using a CDN, and converting to WebP cuts load further. Add a GitHub bot so ImageBot auto-optimizes images on commit and reduces manual effort.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 9:34Website performance
3. 15:12Why performance matters
4. 21:31Modern websites bloated
5. 32:47Easy performance wins
6. 41:13Optimizing images
7. 50:01Compressing assets
8. 56:28CDNs and Lighthouse audits
9. 1:02:31Cost of frameworks
10. 1:04:23Conclusion and Q&A

" related talks

• 01h 01mShrink The Web: How To Get Happier By Removing CrapLemon · NDC Oslo 2022
• 53mShrink The Web: How To Get Happier By Removing CrapLemon · NDC London 2020
• 48mShrink The Web: How To Get Happier By Removing CrapLemon · Build Stuff 2021
• 45mThe image problem of the web and how to solve it…Christian Heillman · Frontend United 2016
• 41mMaking The Mobile Website FasterEiji Kitamura · JSConf.Asia 2013
• 30mFast and Beautiful: Modern Image Delivery TechniquesDoug Sillars · DevDays Europe 2019
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018
• 25mDelivering Fast and Beautiful Images and VideoDoug Sillars · WebCamp Zagreb 2018