Frontend Performance guides

3 guides filed under Frontend Performance. See all 15 guides.

Frontend Performance

Lazy Loading Implementation: Intersection Observer, Step by Step

The implementation companion to our lazy loading strategy guide. Build a production-grade Intersection Observer loader from scratch: background images, responsive srcset, iframes, decode handling, error fallbacks, and cleanup.

13 min read

Frontend Performance

Lazy Loading Strategy: What to Defer, What to Prioritise, and Why

The decision guide, not the code. Which images should be lazy, which should be eager, where fetchpriority fits, how the browser actually decides when to fetch a deferred image, and the two rules that stop lazy loading from hurting you.

11 min read

Frontend Performance

Minifying CSS and JS Effectively

Stripping whitespace is the smallest win available. The real gains come from tree shaking dead code, splitting bundles, inlining critical CSS, and choosing the right compression on the wire. Here is the order to do them in.

11 min read