en

Check 9 / 12 LOW impact In the full checklist

Inline critical CSS for above-the-fold

What this check is

A render-blocking stylesheet delays the first paint on every page. Inlining the rules needed by the first screen and loading the rest asynchronously is the classic fix for mobile.

How to implement it

Extract the critical rules for the header, hero and product grid, inline them in the document head, and load the remaining stylesheet without blocking rendering while keeping a fallback for browsers without JavaScript. Re-run the extraction after theme changes.

How to verify it

Check the first paint in a mobile trace: content above the fold should render before the main stylesheet finishes downloading, and no element should flash unstyled.

All 197 checks, one Google Sheet

This page is the summary. The full checklist carries the priority, the impact score and the tool link for every check — all 197 of them, across 14 categories, as a Google Sheet and CSV with lifetime updates.

$19 $197 one-time · 30-day money-back guarantee

Unlock 179 checks — $19

More in Speed

All 12 Speed checks · All 14 categories