Dear non-performant app

on YouTube ↗16m

" summary

Shows concrete fixes and outcomes: moves a Lighthouse LCP from 6.7s → 2–3s by inlining critical CSS with critters, inlining fonts, optimizing images with imagemin and WebP, using loading=lazy and preload hints, adaptive serving via navigator.connection, and code splitting plus type="module" to avoid unnecessary polyfills. Mentions lazy strategies, HMR, weak refs and finalizers, and links a working code lab at bid.ly/dear performance app proving the optimizations reduce load and improve FID and CLS.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:16Performance auditing
3. 2:24Core Web Vitals explained
4. 4:54Improving loading speed
5. 9:47Enhancing interactivity
6. 11:55Visual stability fixes
7. 13:15Memory management
8. 14:36Conclusion and resources

" related talks

• 37mSecret Shortcuts of Loading Web PerformanceNikola Mitrovic · XtremeJS 2023
• 39mFrom make it work to make it fast: quick wins to boost your applicationJonathan Hervieux · Devoxx France 2021
• 28mEmpowering a Performance CultureAlfredo Lopez · #PerfMatters Conference 2019
• 27mOptimizing the Critical Rendering Path in ReactAlex Moldovan · React Day Berlin 2018
• 01h 04mFrom Zero to Hero - Web PerformanceSebastian Springer · iJS 2018 Spring
• 42mQuick fixes to improve page load timeTejas Dinkar · JSFoo 2018
• 49mEffortless Performance DebuggingAnna Migas · ffconf 2019
• 38mSecret Shortcuts of Loading Web PerformanceNikola Mitrovic · NDC Porto 2023