P2 · MediumPerformance

Render-blocking CSS

Too many render-blocking stylesheets

Code: render_blocking_css

Why it matters

Too many render-blocking stylesheets. Slow experiences increase bounce rates and hurt Core Web Vitals scores. Google uses these metrics as a direct ranking signal.

How to fix

Async-load non-critical CSS

html

<!-- Critical CSS inlined -->
<style>/* Critical above-fold styles here */</style>

<!-- Non-critical CSS loaded async -->
<link rel="preload" href="/styles/non-critical.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/styles/non-critical.css"></noscript>

Related checks in Performance

Slow First Contentful Paint

FCP exceeds 3 seconds

FCP needs improvement

FCP between 1.8-3 seconds

Slow Largest Contentful Paint

LCP exceeds 4 seconds

LCP needs improvement

LCP between 2.5-4 seconds

Poor Cumulative Layout Shift

CLS exceeds 0.25

Run a free scan to check your site

Get a complete audit in under 2 minutes. No account required.

Start Free Scan