modulepreload in 2026: Fix ES Module Waterfalls and Cut LCP for Native ESM
rel=modulepreload fetches, parses, and compiles ES modules ahead of time, populating the module map so import() resolves instantly and LCP drops by hundreds of ms.
All Articles
CDN Origin Shielding in 2026: Multi-Tier Cache, Cache Hit Ratio, and TTFB
How CDN origin shielding raises cache hit ratio and cuts origin TTFB. Setup for Fastly, Cloudflare, and CloudFront with Cache-Control tips and debug headers.
Partytown in 2026: Sandbox Third-Party Scripts in a Web Worker and Save Your INP
Move GTM, GA4, and Meta Pixel into a web worker with Partytown. Real INP numbers, framework setup, dataLayer forwarding, and the caveats that break analytics.
NotRestoredReasons API in 2026: Debug bfcache Failures With Real User Data
The NotRestoredReasons API is how you learn, per real user navigation, why Chrome refused to restore your page from bfcache. Here's the RUM snippet I ship in production, the full 2026 blocker list, and how to fix each one.
First Contentful Paint (FCP) Optimization: The Complete 2026 Guide
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.
CSS Containment in 2026: contain: layout, paint, size, and strict Explained
Understand every value of the CSS contain property (layout, paint, size, strict, content) with 2026 browser support notes, DevTools workflow, and real-world INP wins.
CDN Cache Tags in 2026: Surrogate Keys, Purge-by-Tag, and Instant Invalidation
How CDN cache tags and surrogate keys work in 2026: headers, purge APIs, and stale-while-revalidate pairing on Fastly, Cloudflare, Vercel, Netlify, and Akamai.
Timing-Allow-Origin Header: Unmask Zero-Duration Cross-Origin Resource Timing in 2026
Cross-origin resources report zero for duration, transferSize, and every phase timing unless the server emits Timing-Allow-Origin. Set it correctly on CDN, S3, or your API to unlock full Resource Timing and honest RUM data.
Third-Party Script Facades in 2026: Cut LCP from YouTube, Twitter, and Maps Embeds
A third-party script facade is a static placeholder that loads no third-party JavaScript until the user interacts with it. In field data, swapping a YouTube iframe for a facade cuts LCP by 40% on mobile 4G. Here is the 2026 pattern for YouTube, Twitter, Maps, and chat widgets.
Native Lazy Loading in 2026: loading="lazy" for Images, Iframes, and the LCP Trap
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.
Chrome DevTools Performance Insights: Auto-Diagnose LCP, INP, and CLS in 2026
The Chrome DevTools Performance Insights sidebar diagnoses Core Web Vitals from a single trace. Here's how to record the right trace, read the LCP/INP/CLS subpart breakdowns, and use Live Metrics to catch regressions without leaving the panel.
No-Vary-Search Header: Reuse Prefetch and Disk Cache Across Query Params (2026)
Learn how the No-Vary-Search response header lets Chrome 141 reuse prefetches and disk cache entries across utm_ and other query parameters, with copy-paste recipes and debugging tips.