Term
Render-Blocking Resources
Render-blocking resources are CSS and JavaScript files the browser must load and parse before it can render. They delay FCP and LCP — minimize them with async/defer, inline critical CSS, and remove unused CSS.
Render-Blocking Resources — explained in more detail
By default, external CSS and synchronous JavaScript in <head> block the render: the browser must fetch, parse, and execute the file before it paints the first pixel. On slow connections or with many render-blocking files, latencies stack up and FCP and LCP slip into the red.
Two main levers: CSS is split — critical “above the fold” CSS inlined into the HTML, the rest loaded async (media="print" onload=... trick or native rel="preload" patterns). JavaScript is marked async (loads in parallel, executes immediately) or defer (loads in parallel, executes after DOMContentLoaded) — both make scripts non-render-blocking.
Example / In practice
A WordPress site loads four plugin CSS files synchronously in <head>. Lighthouse reports 1.2 s “Eliminate render-blocking resources”. Fix: extract critical CSS and inline it, load the remaining CSS async (rel="preload" as="style" + onload swap). Render-blocking time drops to near zero.
Distinction from similar terms
The critical rendering path is the overall process; render-blocking resources are one specific bottleneck within it. Lazy loading targets images and iframes lower on the page — different optimization, different target metric (LCP for hero images, not general render-blocking).
Entdecke mehr
Brotli / Gzip Compression
Server-side compression methods that shrink text resources like HTML, CSS and JavaScript before transmission — Brotli usually delivers better ratios than Gzip today.
LexikonTechnical SEO — what Google actually has to crawl, render and index
How crawl budget, robots, sitemap, JS rendering, indexing, canonical and Core Web Vitals fit together — the full arc for production sites.
NewsGoogle Search Central Live Toronto 2026 — what Google officially said about the future of search
Information Gain as the new guideline, Google-Extended clarified, AI Mode with 93% zero-click. The key statements from Toronto.