Images for Performance: Sizes, Formats, Priority, and Preload
How to ship fast images: responsive sizes, AVIF/WebP, LCP hero strategy, lazy loading, and when preloading helps (or hurts).
Practice
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
31 articles · page 3 of 4
How to ship fast images: responsive sizes, AVIF/WebP, LCP hero strategy, lazy loading, and when preloading helps (or hurts).
A senior-level workflow to diagnose performance issues: find the bottleneck, verify the hypothesis, ship the fix, and prevent regressions.
A high-signal mental model for LCP, INP, and CLS: what they measure, what actually moves the needle, and how to debug them in real apps.
A deep, practical guide to Core Web Vitals for frontend interviews: what LCP/CLS/INP measure, common causes, how to debug in DevTools, and high-impact fixes.
A deep, practical guide to Service Workers: lifecycle, caching strategies (cache-first, network-first, stale-while-revalidate), offline support, and common pitfalls.
A deep, interview-ready guide to HTTP caching: Cache-Control directives, ETag/If-None-Match, Last-Modified, CDN caching, and how frontend apps should leverage caching safely.
A deep, interview-ready guide to how browsers render pages: DOM/CSSOM, render tree, layout (reflow), paint, compositing, GPU layers, and practical performance fixes.
A deep, interview-ready guide to event delegation: bubbling/capturing, delegation patterns, performance benefits, common pitfalls, and clean implementations for real UIs.
Interview-ready guide to debounce vs throttle: how they work, when to use each, and clean JavaScript implementations (with leading/trailing options).