KakapoWP KakapoWP
Connexion Essai gratuit
Kakapo Performance

CSS critique

Ce dont le haut de la page a besoin se trouve dans le head. Le reste suit ensuite.

Pour chaque modèle, le kakapo récupère une vraie page d'exemple de ton site web, lit sur le disque les feuilles de style locales qui y sont liées et vérifie chaque règle face au document. Ce qui est nécessaire en haut passe en inline dans le head ; les feuilles de style analysées se chargent ensuite, sans bloquer l'affichage. Aucun navigateur n'intervient : « visible en haut » est une approximation assumée fondée sur l'ordre des éléments, et en cas de doute elle conserve la règle. D'où l'aperçu, le mode test et un interrupteur par modèle.

Essaie-le gratuitement pendant 24 hToutes les fonctions Performance

CSS critique

7 templates · pour chaque template une exécution, un interrupteur et un aperçu propres

Mode testAperçu

Ce que propose le CSS critique

7 templates, chacun analysé et validé séparément
CSS critique en inline dans le head, les feuilles de style analysées chargées en différé
Rapport : règles n'ayant touché aucun élément
Aperçu de la même page avec et sans traitement
Mode test : seuls les administrateurs connectés voient le changement
Liste d'exclusion pour les URL, liste d'exceptions pour les feuilles de style

Voici comment ça marche

1

Analyser le template — récupérer une page d'exemple, vérifier les règles

2

Comparer l'aperçu avec et sans traitement

3

Valider le template, puis passer du mode test au mode réel

Questions fréquentes sur le CSS critique

Mesure-t-on ce qui est vraiment visible en haut ?
Non. Il n'y a ni navigateur ni viewport. Tous les éléments sous body sont numérotés ; est considéré comme « en haut » le premier 30 % (réglable entre 5 et 90) plus tout ce qui se trouve dans les repères enregistrés — en-tête, navigation, premier h1 et ce que tu ajoutes. Là où la méthode atteint une limite, la règle est réputée correspondre : quelques kilo-octets de trop sont plus inoffensifs qu'une règle manquante.
Puis-je faire supprimer les règles inutilisées depuis cet écran ?
La liste est un rapport, pas un outil. Le comptage se fait face à une page d'exemple par modèle — les classes que JavaScript ne pose qu'au clic, ou un formulaire sur une autre page, n'y figurent pas. Mieux vaut supprimer dans le code source du thème, où cela reste traçable.
Que faut-il pour l'analyse, et que se passe-t-il ensuite ?
L'extension PHP dom/libxml et un loopback fonctionnel — le site web doit se joindre lui-même en HTTP. S'il manque l'un des deux, l'analyse ne peut même pas démarrer ; la raison est indiquée sur place. Si un fichier CSS analysé ou le thème change par la suite, le traitement se suspend au lieu de livrer un CSS critique potentiellement faux.

Autres fonctions de performance

Assets & scripts →Minify →Preload & DNS →
Prêt ?

Teste Performance gratuitement pendant 24 heures.

Pas de carte bancaire, pas de risque. C'est parti en 2 minutes.

Essaie-le gratuitement dès maintenant