Image Optimization for Astro and React: AVIF and CLS
A full Astro and React image pipeline using astro:assets and Sharp, covering...
Frontend performance: cutting JavaScript bundle size by identifying dependency sprawl, polyfill debt, and framework overhead with real measurement tools.
This page collects 4 articles, newest first. Core Web Vitals work that goes past the Lighthouse score. Finding the dependency sprawl and polyfill debt actually inflating your bundle, profiling React renders in the DevTools Profiler instead of guessing at them, and deciding when a framework's overhead is worth paying for. The measurement pieces come first on purpose: optimizing before you've measured is how teams spend a sprint shaving 4KB off a page whose real problem is a 900ms server response. Code splitting gets a guide that argues against splitting everything, since per-component chunks trade bundle size for request waterfalls. If you only read one thing here, make it the bundle analysis piece; the rest depends on knowing what's actually in your build.
Everything else we've published is in the main archive.
Image Optimization for Astro and React: AVIF and CLS
A full Astro and React image pipeline using astro:assets and Sharp, covering...
Profiling React Renders With the DevTools Profiler
A hands-on workflow for using the React DevTools Profiler to find and...
Core Web Vitals for React 19 Apps: A 2026 Field Guide
How to measure and fix LCP, INP, and CLS in a real...
Three Pillars of JavaScript Bloat in 2026 and Their Fixes
JavaScript bloat comes from dependency sprawl, polyfill debt, and framework overhead. Learn...