Critical CSS

Generate above-the-fold CSS with a real browser and serve it from Managed CDN.

7 నిమిషాల పఠనం

Critical CSS is the subset of CSS needed to render above-the-fold content quickly. Cache Rocket generates it in the cloud using a real headless browser coverage pass, uploads a compact critical.css to Managed CDN, and the WordPress plugin injects it for visitors.

Plan requirement

Critical CSS is available on Pro and Business, with a monthly pages quota. Confirm the entitlement under Account → Subscription.

Enable it

  1. 1

    Connect API keys

    Paste public and secret keys in the plugin Account screen. See API keys.

  2. 2

    Confirm your plan

    Critical CSS must be included, with remaining monthly page quota.

  3. 3

    Turn on Generate Critical CSS

    In Media, enable Critical CSS generation.

  4. 4

    Generate for pages you care about

    Run generation for key templates or URLs within your monthly cap.

Unused CSS entitlement

Higher plans may list an Unused CSS entitlement. That flag reserves the capability in billing; Critical CSS generation is the shipping cloud CSS workflow documented here. Do not expect a separate Unused CSS processor unless it appears as its own Media control.

Common questions

Why a real browser?
Coverage from a live page load tracks what CSS is actually used above the fold for that URL, which stays accurate as themes change.
Where do visitors load critical.css from?
From Managed CDN (assets.cacherocket.com), injected by the plugin.
What happens at quota?
New Critical CSS page jobs pause until the monthly quota resets or you upgrade.