Practice
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
103 articles · page 2 of 12
How to reduce rendering cost with modern CSS tools: containment, content-visibility, and avoiding expensive effects that trigger heavy paint/layout.
High-signal web performance interview questions with crisp answers: Core Web Vitals, caching, rendering, images, fonts, JS cost, and debugging.
A collection of practical performance fixes with before/after patterns: LCP hero, INP long tasks, CLS shifts, caching, and third-party containment.
How to measure performance like a pro: lab vs field metrics, what to trust, and how to set practical budgets to prevent regressions.
How Next.js (App Router) affects performance: server components, client boundaries, streaming, caching, and avoiding accidental JS bloat.
How third-party scripts hurt performance, how to measure the damage, and pragmatic strategies: defer, isolate, audit, and remove.
A practical mental model of the browser rendering pipeline and how common coding patterns cause forced reflow, jank, and slow interactions.
A practical guide to cache-control, ETag, immutable assets, and CDN strategy to reduce TTFB and speed up repeat visits.
How JS hurts INP and load performance, how to find long tasks, and practical patterns to reduce client JS in modern apps (especially Next.js).