High Performance Kick-Ass Web Apps

on YouTube ↗41m

" summary

Shows concrete wins and techniques: cite Google’s 0.5s → 20% traffic drop, Yahoo’s 400ms → 5–9% drop, Amazon’s 100ms → 1% sales loss, and Yahoo data that 60% empty cache hits exist. Recommends specific fixes—HTTP request reduction, concatenation, sprites, data URIs, MHTML, far‑future expires, gzip halved static payload for Netflix, minify with YUI Compressor, image optimization via smush.it, combo loading, 204 beacons, lazy load/prefetch and measurable trade‑offs.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to performance
2. 1:31Understanding user impact
3. 6:57Optimizing the waterfall
4. 13:44Minimizing payload size
5. 17:33Streamlining page loading
6. 23:39Post-load optimizations
7. 28:35JavaScript performance tuning
8. 38:51Modern library benefits

" related talks

• 57mHigh Performance MobileSteve Souders · Mobilism 2011
• 31mEvery Millisecond Counts: Performance & UXDavey Shafik · PyCon AU 2016
• 01h 01mWeb Performance Deep DiveChander Dhall · NDC London 2017
• 41mSpeed at Scale: Web Performance Tips and Tricks from the TrenchesAddy Osmani, Katie Hempenius · Google I/O 2019
• 32mEverything you need to know about Web PerformanceFilip Rakowski · JSWorld Conference 2022
• 29mModern Websites for E-commerce in the Real WorldCheney Tsai, Ramya Raghavan · Chrome Dev Summit 2018
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018
• 49mEvery Millisecond Counts Performance & UXDavey Shafik · PHP UK Conference 2016