# How to eliminate render-blocking resources

> CSS and synchronous scripts in the head stop the browser from painting anything until they arrive. Inline the critical CSS, defer the rest and every paint metric improves.

Speed & Core Web Vitals · HTML version: https://getreport.app/learn/render-blocking-resources

## Render-blocking files

Passing looks like: No render-blocking resources delay the first paint.

**Why it matters.** Stylesheets and scripts in <head> stop the browser from drawing anything until they have downloaded. Each one adds a round trip before the visitor sees the page.

**How to fix it.**

1. Add defer or async to scripts that are not needed before the first paint, or move them to the end of <body>.
2. Inline the CSS needed for the first screen and load the rest asynchronously (WordPress: "Optimize CSS delivery" in WP Rocket / LiteSpeed Cache).
3. Remove unused plugin CSS/JS from pages that do not need it.

Check your own page: https://getreport.app/
