Kritische CSS

Genereer above-the-fold CSS met een echte browser en serveer het vanaf Managed CDN.

7 min read

Critical CSS is de subset van CSS die nodig is om above-the-fold content snel te renderen. Cache Rocket genereert het in de cloud met een echte headless-browser coveragescan, uploadt een compacte critical.css naar Managed CDN, en de WordPress-plugin injecteert het voor bezoekers.

Planvereiste

Critical CSS is beschikbaar op Pro en Business, met een maandelijks paginaquotum. Bevestig het recht onder Account → Abonnement.

Inschakelen

  1. 1

    Koppel API-sleutels

    Plak publieke en geheime sleutels in het Account-scherm van de plugin. Zie API-sleutels.

  2. 2

    Bevestig je plan

    Critical CSS moet inbegrepen zijn, met resterend maandelijks paginaquotum.

  3. 3

    Zet Genereer Critical CSS aan

    Schakel in Media Critical CSS-generatie in.

  4. 4

    Genereer voor de pagina's die ertoe doen

    Draai generatie voor belangrijke templates of URL's binnen je maandelijkse limiet.

Unused CSS-recht

Hogere plannen kunnen een Unused CSS-recht vermelden. Die vlag reserveert de mogelijkheid in de facturering; Critical CSS-generatie is de daadwerkelijke cloud-CSS-workflow die hier gedocumenteerd staat. Verwacht geen aparte Unused CSS-verwerker tenzij die als eigen Media-control verschijnt.

Veelgestelde vragen

Waarom een echte browser?
Coverage van een live paginabezoek volgt precies welke CSS above-the-fold echt gebruikt wordt voor die URL, en blijft accuraat als thema's veranderen.
Waar laden bezoekers critical.css vandaan?
Vanaf Managed CDN (assets.cacherocket.com), geïnjecteerd door de plugin.
Wat gebeurt er bij het quotum?
Nieuwe Critical CSS-paginataken pauzeren totdat het maandquotum reset of je upgradet.