Critical CSS not inlined: what it is, why it matters, and how to fix it
No inline CSS was detected in the page head for above-the-fold content, meaning the initial render must wait for external stylesheets to load.
Where this fits: performance in SEO
Why critical css not inlined hurts your rankings
Without inlined critical CSS, the browser must download external stylesheets before rendering any content, increasing First Contentful Paint (FCP) and Largest Contentful Paint (LCP). Inlining critical CSS eliminates this render-blocking dependency for above-fold content.
This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site.
How to fix it
Extract the CSS needed for above-the-fold content and inline it in a <style> tag in the <head>. Load the remaining CSS asynchronously using rel='preload' with onload or the media attribute trick.
<head>
<style>/* critical above-fold CSS */
body { margin: 0; } .hero { ... }</style>
<link rel="preload" href="/styles.css" as="style" onload="this.rel='stylesheet'">
</head>Frequently asked questions
What does "Critical CSS not inlined" mean?
No inline CSS was detected in the page head for above-the-fold content, meaning the initial render must wait for external stylesheets to load.
Why does critical css not inlined matter for SEO?
Without inlined critical CSS, the browser must download external stylesheets before rendering any content, increasing First Contentful Paint (FCP) and Largest Contentful Paint (LCP). Inlining critical CSS eliminates this render-blocking dependency for above-fold content.
How do I fix critical css not inlined?
Extract the CSS needed for above-the-fold content and inline it in a <style> tag in the <head>. Load the remaining CSS asynchronously using rel='preload' with onload or the media attribute trick.
How serious is this issue?
This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site. It belongs to the performance family of checks.
How do I find every page affected by this on my site?
Run a free Dr Urls audit: it crawls your site, detects critical css not inlined on every affected page, shows example URLs, and generates a ready-to-use fix task. Re-scan after fixing to verify the issue is gone.
Does your site have this issue?
A free Dr Urls audit crawls your site, finds every page affected by critical css not inlined, and hands you a ready-made fix task.
Check my site free