Render Blocking Resources
Scripts and stylesheets that delay first paint. See how our free report detects them and how to defer, inline or trim each one.
Free to use 1 min read Updated Sep 2026
.
How to Fix
The short version, the same steps you see when you click How to Fix in your report.
In order to pass this test, you have to reduce the impact of render-blocking resources.
First, you have to identify what's critical and what's not. You can use the Chrome DevTools (Coverage tab) to identify non-critical CSS and JS.
Once you've identified critical code, you can try the below methods to eliminate render-blocking resources:
- inline critical JS within a script tag in your HTML document
- inline critical CSS required for the first paint inside a style block in the head of the HTML document
- move the script and link tags at the end of the HTML document
- add async or defer attributes to non-critical script or link tags
- split CSS styles into different files, organized by media query
- compress and minify your text-based resources
See how your site scores right now
Paste your address into the free report, then use the How to Fix button on anything that needs work.
Free to use. Results in under a minute for most sites.