HTTP/3 and QUIC for Web Performance: A Practical 2026 Guide
HTTP/3 over QUIC removes TCP head-of-line blocking and cuts mobile load times 20-60%. Practical setup for Nginx, Caddy, and Cloudflare with a rollout plan.
Yuki is a senior web performance consultant based in Berlin with 13 years in the trade. She did five years at Akamai as a solutions architect for European media customers, tuning CDN configs and edge cache rules for newspapers handling 8-figure daily pageviews, then moved to Zalando as a staff engineer on the Mobile Web Performance squad. There she ran the project that cut JavaScript shipped to product detail pages by 41% without losing any tracking signals the marketing org cared about. She holds the Google Mobile Web Specialist cert (back when it existed) and contributes occasionally to the web-vitals npm package. Her writing tends to focus on perf budgets that actually survive contact with a product roadmap, image pipeline strategy beyond just slapping on AVIF, and the unglamorous work of getting RUM into a CI pipeline that PMs will read.
HTTP/3 over QUIC removes TCP head-of-line blocking and cuts mobile load times 20-60%. Practical setup for Nginx, Caddy, and Cloudflare with a rollout plan.
Learn how the Speculation Rules API enables near-instant page navigations by prefetching and prerendering pages before users click. 2026 guide covering eagerness, prerender-until-script, and implementation.
SPAs break LCP, INP, and CLS measurement — only the landing page gets real data. Chrome 147's Soft Navigations API finally fixes per-route Core Web Vitals tracking. A practical 2026 guide with code for PerformanceObserver, the web-vitals soft-navs build, and a production-safe hybrid strategy.
The fetchpriority attribute is one of the most precise tools for shaping browser resource loading. Used right, it can shave 200-800ms off your LCP without touching CSS or JavaScript. Here's every legitimate use case, the mistakes that quietly hurt performance, and how to measure real-world impact.
scheduler.yield() is the modern way to break up long JavaScript tasks and fix INP. Learn the patterns, the comparison to setTimeout and postTask, and a production-ready fallback.
Set up production Real User Monitoring with Google's web-vitals v4 library. Capture LCP, INP, and CLS attribution data, build a custom collection endpoint, sample smartly, and reconcile field data with Lighthouse — every step with working 2026 code.
Master every layer of image optimization — AVIF and WebP formats, responsive srcset, fetchpriority hints, lazy loading, Sharp build pipelines, and image CDN strategies to dramatically improve LCP and Core Web Vitals.
Cookies and analytics
We would like to use Google Analytics to see which articles are useful. It sets cookies, so it stays off unless you accept. Privacy policy