View Transitions API for SPAs: The 2026 Guide to document.startViewTransition
A practical 2026 guide to document.startViewTransition: baseline support, view-transition-name, class grouping, the types parameter, and INP-safe patterns.
Web performance engineer who treats every millisecond as a personal challenge. Has profiled more sites than he can count.
A practical 2026 guide to document.startViewTransition: baseline support, view-transition-name, class grouping, the types parameter, and INP-safe patterns.
Learn how to optimize First Contentful Paint below 1.8s at p75. Covers TTFB reduction, render-blocking CSS, web fonts, 103 Early Hints, and Speculation Rules prerender with production code.
How to use native loading="lazy" for images and iframes without breaking LCP. Covers Chrome 2026 heuristics, fetchpriority combos, iframe deferral, CLS prevention, and SEO.
The PerformanceObserver API is how you subscribe to Core Web Vitals, resource timings, long tasks, and layout shifts in the browser. Here is every entry type, buffered replay, and a production-ready RUM pipeline.
Fix Cumulative Layout Shift fast: capture per-element attribution with web-vitals, replay shifts in Chrome DevTools, and ship one-line fixes for the five sources that cause 90% of real CLS.
HTTP 103 Early Hints lets servers preload critical resources during backend think-time, cutting LCP by 100-400ms. A practical 2026 guide for Cloudflare, Fastly, and Node.js origins.