1.5 Performance & Core Web VitalsMediumInferred

Render-blocking resources in head

Synchronous CSS and JavaScript in the head block the browser from painting until they load. Deferring or inlining the critical part lets content appear sooner.

What it is

Synchronous CSS/JS blocks first paint.

Why it matters

Delays render and LCP.

How to fix it

Inline critical CSS; defer the rest.

How to find it on your site

  1. Run Lighthouse and read the render-blocking resources list.
  2. Identify synchronous scripts and large stylesheets in the head.
  3. Defer or async non-critical scripts and inline critical CSS.
  4. Re-measure first paint after the change.

Cross-reference to ranking and citation factors

Render-blocking resources delay first paint and LCP directly. Removing them is one of the most reliable speed improvements.

Impact

Low-medium. Inferred.

Evidence

Reduce render-blocking resources. web.dev, Core Web Vitals (Google); Google Search Central, Understanding page experience in Google Search results