Critical CSS

Générez le CSS above-the-fold avec un vrai navigateur et diffusez-le depuis Managed CDN.

7 min de lecture

Critical CSS est le sous-ensemble de CSS nécessaire pour restituer rapidement le contenu above-the-fold. Cache Rocket le génère dans le cloud grâce à une véritable analyse de couverture par navigateur headless, télécharge un fichier critical.css compact sur Managed CDN, et le plugin WordPress l'injecte pour vos visiteurs.

Condition d'offre

Critical CSS est disponible sur Pro et Business, avec un quota mensuel de pages. Vérifiez ce droit sous Compte → Abonnement.

Activez-le

  1. 1

    Connectez vos clés API

    Collez les clés publique et secrète dans l'écran Compte du plugin. Voir Clés API.

  2. 2

    Vérifiez votre offre

    Critical CSS doit être inclus, avec un quota de pages mensuel restant.

  3. 3

    Activez « Générer le Critical CSS »

    Dans Media, activez la génération de Critical CSS.

  4. 4

    Générez pour les pages qui comptent

    Lancez la génération pour les gabarits ou URL clés, dans la limite de votre quota mensuel.

Droit Unused CSS

Les offres supérieures peuvent afficher un droit Unused CSS. Cet indicateur réserve la capacité côté facturation ; la génération de Critical CSS est le workflow cloud CSS effectivement livré et documenté ici. N'attendez pas de traitement Unused CSS séparé, sauf s'il apparaît comme son propre contrôle Media.

Questions courantes

Pourquoi un vrai navigateur ?
La couverture obtenue à partir d'un chargement de page réel suit précisément le CSS réellement utilisé au-dessus de la ligne de flottaison pour cette URL, et reste fiable même quand les thèmes changent.
D'où les visiteurs chargent-ils critical.css ?
Depuis Managed CDN (assets.cacherocket.com), injecté par le plugin.
Que se passe-t-il au quota ?
Les nouvelles tâches de Critical CSS se mettent en pause jusqu’à la réinitialisation du quota mensuel ou une mise à niveau.