Performance

Making websites fast. Measured, not guessed.

2026-06-14

CSS content-visibility: Skip Rendering (3 Patterns That Ship)

CSS content-visibility skips rendering off-screen elements. 3 production patterns, the contain-intrinsic-size gotcha, and how to prove the gain.

2026-06-11

React Performance Optimization: 3 Fixes and One That Backfires

React performance optimization driven by Profiler patterns. Three flame chart problems, three targeted fixes, and one popular optimization that backfires.

2026-06-01

JavaScript Web Workers: 3 Real Patterns (Not Prime Number Demos)

Three production web worker patterns that fix frozen UIs — JSON parsing, CSV streaming, image filtering — plus the Transferable objects trap.

2026-05-25

Resource Hints Guide: 4 That Move LCP, 2 That Waste Connections

Most resource hints don't move LCP. The 4 that actually help, the 2 most devs misuse, and when HTTP 103 Early Hints replaces them entirely.

2026-04-15

JavaScript Code Splitting: 3 Patterns, 2 Gotchas, 0 Guesswork

Route-based, component, and vendor code splitting with Vite and Webpack configs, real bundle sizes, and production gotchas most tutorials skip.

2026-04-06

HTTP Caching Headers Guide: The 5 You Need, 10 You Don't

Not your typical http caching headers guide—5 directives that matter, when to skip caching entirely, and where service workers take over.

2026-04-05

Font Loading Performance Optimization: Shave 2s Off LCP

Your custom fonts are probably your LCP bottleneck. Fix font loading with the right font-display value, smart preloading, and variable fonts — with metrics.

2026-03-23

Edge Computing Performance: From 600ms to 120ms TTFB (Real Data)

Your CDN is tuned but dynamic routes are still slow. Here's when edge computing actually moves the needle — and when it's expensive overkill.

2026-03-20

Image Optimization 2026: AVIF, WebP, and What Actually Moves LCP

Most image optimization guides give you 15 steps. You need 4. Here's what actually moves LCP — with real compression numbers and code.

2026-03-13

Lazy Loading Best Practices: You Made LCP Worse. Here's Why.

You added loading='lazy' to every image and your LCP got worse. Here's why — and the exact fixes to lazy load without wrecking Core Web Vitals.