Du Critical CSS en ligne et minifié en quelques secondes – éliminez les ressources bloquantes, boostez vos Core Web Vitals et améliorez votre classement Google.
Le Critical CSS, aussi appelé Above-the-Fold CSS ou Critical Path CSS, est l’ensemble minimal de styles nécessaires pour afficher la partie visible d'une page web sans défilement (“premier écran”). En l'intégrant directement dans le <head>, vous supprimez les feuilles de style bloquantes et améliorez grandement le Largest Contentful Paint (LCP) et le First Contentful Paint (FCP).
Notre générateur analyse votre HTML, simule plusieurs tailles d'écran et vous fournit un extrait CSS minifié prêt à être utilisé dans votre thème ou pipeline.
Installez notre plugin WP gratuit ou copiez le CSS en ligne dans header.php. Ajoutez <link rel="preload" as="style"> pour la feuille de styles complète.
Collez le code généré dans theme.liquid avant de charger theme.css. Vous pouvez aussi utiliser notre API pour l’automatisation.
Exécutez notre CLI dans votre pipeline CI (criticalcss extract ./out --html) et injectez le CSS via <style jsx global>.
Créé par des développeurs, pour des développeurs. Extrayez le Critical CSS avec précision et rapidité.
Extraction du Critical CSS en moins de 50 ms. Notre moteur optimisé traite les sites plus vite que tous les concurrents.
Détection avancée des viewports pour une extraction 100% précise du CSS Above-the-Fold sur tous les appareils.
API REST, webhooks, traitement par lot, outils CLI. Intégration facile dans votre workflow.
Générez du Critical CSS pour mobiles, tablettes et ordinateurs simultanément.
Conforme SOC2 avec sécurité de niveau entreprise. Vos données sont toujours protégées.
Rapports détaillés montrant les gains de performance, la réduction de taille et des métriques d'optimisation.
Entrez une URL et extrayez le CSS Above-the-Fold en quelques secondes
Améliorez vos Core Web Vitals et votre classement grâce à l'extraction CSS Above-the-Fold optimisée
L'extraction du Critical CSS améliore directement Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS).
Google utilise la vitesse comme facteur de classement. Notre générateur vous aide à améliorer votre SEO.
Amélioration moyenne avec l'optimisation Critical CSS
Le Critical CSS correspond au minimum de règles nécessaires pour le contenu visible. En l'insérant en ligne, vous débloquez le rendu et accélérez le chargement perçu.
Oui. Nous proposons des instructions spécifiques et un plugin WordPress. Pour les autres plateformes, vous pouvez coller l’extrait manuellement ou utiliser notre API.
Absolument – consultez la section « API pour développeurs » ci-dessus ou la documentation sur /docs.
Intégrez l’extraction du Critical CSS dans votre processus de build grâce à notre puissante API REST
Points de terminaison HTTP simples pour l’extraction du Critical CSS
Notifications une fois l’extraction terminée
Traitez plusieurs URLs simultanément
Interface en ligne de commande pour l’automatisation
Notre algorithme avancé analyse votre site et extrait uniquement le CSS nécessaire pour le contenu above-the-fold.
Notre système analyse la structure de votre page et identifie toutes les ressources CSS.
Nous simulons différents appareils pour déterminer ce qui s’affiche en premier.
Des algorithmes avancés extraient uniquement les règles de CSS nécessaires à l’affichage initial.
Le CSS extrait est minifié et optimisé pour des performances maximales.
Tarifs simples et transparents
Commencez gratuitement, évoluez à votre rythme. Pas de frais cachés, pas de surprises.