Thema-zware sites
Verminder de impact van render-blocking CSS op complexe WordPress-thema's.
← Terug naar features
Functie
Kritische CSS
Genereer above-the-fold CSS in de cloud en laad het vanaf Managed CDN.
Critical CSS haalt de stijlen eruit die nodig zijn om above-the-fold content snel te renderen, zodat de browser eerder betekenisvolle content toont. Cache Rocket genereert het in de cloud met een echte headless-browser coverage-run, host het resultaat op Managed CDN, en de WordPress-plugin injecteert het waar bezoekers het nodig hebben.
Hoogtepunten
- Echte browser-CSS-coverage — geen giswerk
- Automatisch geserveerd vanaf Managed CDN
- Generatie per pagina met maandelijkse planquota
- Gebouwd voor WordPress Media-workflows
Snellere eerste render zonder handgeschreven CSS
Handmatig onderhouden Critical CSS breekt zodra thema's en pagebuilders veranderen. Cache Rocket regenereert de coverage vanuit een live paginabezoek, en beperkt en uploadt vervolgens een compacte critical.css voor levering vanaf assets.cacherocket.com.
Critical CSS is beschikbaar op Pro- en Business-plannen, met maandelijkse paginaquota die meeschalen met je niveau.
Onderdeel van de cloudoptimalisatiesuite
Combineer Critical CSS met image optimization, LQIP en PageSpeed Insights om Core Web Vitals te meten en te verbeteren — terwijl cache-warmers de HTML-responses warm houden op de edge.
Hoe het werkt
- 1
Ontgrendel op Pro en hoger
Bevestig dat Critical CSS is inbegrepen in je Cache Rocket-plan.
- 2
Schakel Genereer Critical CSS in
Zet het aan in de Media-instellingen van de WordPress-plugin.
- 3
Genereer en injecteer
Cache Rocket produceert critical.css, host het op Managed CDN, en de plugin injecteert het voor bezoekers.
Waar het uitblinkt
Landingspagina's
Verbeter de eerste render op campagne-URL's die snel moeten converteren.
Core Web Vitals-werk
Combineer met PageSpeed Insights-audits om verbeteringen te valideren.
Veelgestelde vragen
- Is Unused CSS inbegrepen?
- Unused CSS verschijnt als planrecht op hogere niveaus; volledig geproductiseerde Unused CSS-verwerking is niet hetzelfde als Critical CSS-generatie. Gebruik Critical CSS vandaag voor above-the-fold levering.
- Waar wordt Critical CSS opgeslagen?
- Gegenereerde bestanden worden geserveerd vanaf Managed CDN (assets.cacherocket.com) en geïnjecteerd door de WordPress-plugin.
- Wat als ik mijn Critical CSS-paginaquotum bereik?
- Nieuwe generatietaken pauzeren totdat het maandelijkse quotum reset of je upgradet.
Gerelateerde features
Alle featuresKlaar om dit in jouw account te proberen?
Maak een gratis Cache Rocket-account, verifieer een hostname en zet deze functie aan voor je site of API.