Retour aux fonctionnalités
Fonctionnalité

CSS critique

Générez le CSS above-the-fold dans le cloud et chargez-le depuis Managed CDN.

Critical CSS extrait les styles nécessaires au rendu above-the-fold, pour que le navigateur affiche du contenu utile plus tôt. Cache Rocket le génère dans le cloud grâce à une véritable analyse de couverture par navigateur headless, héberge le résultat sur Managed CDN, et le plugin WordPress l'injecte là où vos visiteurs en ont besoin.

Points clés

  • Couverture CSS par un vrai navigateur — pas d'approximation
  • Diffusé automatiquement depuis Managed CDN
  • Génération page par page avec des quotas mensuels selon l’offre
  • Pensé pour les workflows Media de WordPress

Un premier affichage plus rapide sans CSS écrit à la main

Un Critical CSS maintenu à la main se casse dès que les thèmes ou les page builders changent. Cache Rocket régénère la couverture à partir du chargement réel de la page, puis limite et charge un fichier critical.css compact pour une diffusion depuis assets.cacherocket.com.

Critical CSS est disponible sur les offres Pro et Business, avec des quotas de pages mensuels qui augmentent selon votre palier.

Fait partie de la suite d'optimisation cloud

Combinez Critical CSS avec l'optimisation d'image, LQIP et PageSpeed Insights pour mesurer et améliorer vos Core Web Vitals — pendant que les warmers gardent les réponses HTML au chaud sur l'edge.

Comment ça marche

  1. 1

    Débloquez-le dès Pro

    Vérifiez que Critical CSS est inclus dans votre offre Cache Rocket.

  2. 2

    Activez « Générer le Critical CSS »

    Activez-le dans les réglages Media du plugin WordPress.

  3. 3

    Génération et injection

    Cache Rocket produit le fichier critical.css, l’héberge sur Managed CDN, et le plugin l’injecte pour vos visiteurs.

Là où ça excelle

Sites aux thèmes chargés

Réduisez l’impact du CSS bloquant le rendu sur des thèmes WordPress complexes.

Pages de destination

Améliorez le premier affichage des URL de campagne qui doivent convertir rapidement.

Travail sur les Core Web Vitals

Associez-le aux audits PageSpeed Insights pour valider vos améliorations.

Questions fréquentes

Unused CSS est-il inclus ?
Unused CSS apparaît comme un droit de l'offre sur les paliers supérieurs ; un traitement Unused CSS complet et productisé n'est pas la même chose que la génération de Critical CSS. Utilisez dès aujourd'hui Critical CSS pour la diffusion above-the-fold.
Où est stocké le Critical CSS ?
Les fichiers générés sont diffusés depuis Managed CDN (assets.cacherocket.com) et injectés par le plugin WordPress.
Que se passe-t-il si j'atteins mon quota de pages Critical CSS ?
Les nouvelles tâches de génération sont mises en pause jusqu’à la réinitialisation du quota mensuel ou une mise à niveau.

Fonctionnalités associées

Toutes les fonctionnalités

Prêt à essayer sur votre compte ?

Créez un compte Cache Rocket gratuit, vérifiez un nom d'hôte, et activez cette fonctionnalité pour votre site ou votre API.