KakapoWP KakapoWP
Inloggen Kies Lifetime
Kakapo Performance

Kritieke CSS

Wat het bovenste deel van de pagina nodig heeft, staat in de head. De rest volgt later.

Per template haalt de kakapo een echte voorbeeldpagina van je website op, leest de daar gelinkte lokale stylesheets van schijf en toetst elke regel aan het document. Wat bovenaan nodig is, gaat inline in de head; de geanalyseerde stylesheets laden daarna, zonder de opbouw te blokkeren. Er komt geen browser aan te pas: ‘bovenaan zichtbaar’ is een openlijk benaderde inschatting op basis van de volgorde van de elementen, en bij twijfel neemt ze een regel mee. Daarom zijn er een voorbeeld, een testmodus en een schakelaar per template.

Lifetime nemen — € 149Alle Performance-functies
Alle negen plug-ins inbegrepen in de lifetime-deal — ook elke toekomstige.

Kritieke CSS

7 templates · per template een eigen run, een eigen schakelaar, een eigen voorbeeld

TestmodusVoorbeeld

Dit biedt kritieke CSS

7 templates, elk apart geanalyseerd en vrijgegeven
Kritieke CSS inline in de head, de geanalyseerde stylesheets vertraagd geladen
Rapport: regels die geen enkel element raakten
Voorbeeld van dezelfde pagina met en zonder behandeling
Testmodus: alleen ingelogde beheerders zien de wijziging
Uitsluitingslijst voor URL's, uitzonderingslijst voor stylesheets

Zo werkt het

1

Template analyseren — voorbeeldpagina ophalen, regels controleren

2

Voorbeeld met en zonder behandeling vergelijken

3

Template vrijgeven, daarna van testmodus naar live schakelen

Veelgestelde vragen over kritieke CSS

Wordt gemeten wat bovenaan echt zichtbaar is?
Nee. Er is geen browser en geen viewport. Alle elementen onder body worden doorgenummerd; als ‘bovenaan’ gelden de eerste 30 % (instelbaar tussen 5 en 90) plus alles binnen de opgegeven landmarks — kopgebied, navigatie, eerste h1 en wat jij aanvult. Waar de methode tegen een grens loopt, geldt de regel als geraakt: een paar kilobyte te veel is onschuldiger dan een ontbrekende regel.
Kan ik de ongebruikte regels vanaf hier laten verwijderen?
De lijst is een rapport, geen gereedschap. Er wordt geteld tegen één voorbeeldpagina per template — klassen die JavaScript pas bij een klik zet, of een formulier op een andere pagina, duiken daar niet op. Schrappen kun je beter in de themebroncode, waar het navolgbaar blijft.
Wat heeft de analyse nodig, en wat gebeurt daarna?
De PHP-extensie dom/libxml en een werkende loopback — de website moet zichzelf via HTTP bereiken. Ontbreekt een van beide, dan is de analyse niet eens te starten; waaraan het ligt, staat ter plekke. Verandert later een geanalyseerd CSS-bestand of het theme, dan wordt de behandeling opgeschort in plaats van mogelijk verkeerde kritieke CSS uit te leveren.

Meer performancefuncties

Assets & scripts →Minify →Preload & DNS →
Klaar?

Performance — eenmalig betalen, voor altijd gebruiken.

Alle negen plug-ins voor € 149 eenmalig in plaats van € 13 per maand. Veilig betalen via Stripe. De eerste 14 dagen: probleem opgelost of geld terug.

Lifetime nemen — € 149