Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
Définir ce qui apparaît tôt
Le CSS critique rassemble les styles nécessaires au rendu initial. Son périmètre dépend du viewport, du contenu et de l’état de l’interface. Une page avec un menu fermé peut sembler correcte alors que le même menu ouvert dépend de règles reportées trop tard.
Construire une recette visuelle
Incluez les différentes tailles d’écran, mais aussi les états qui apparaissent rapidement : menu mobile, recherche, consentement, accordéon et erreurs de formulaire. Les styles non critiques doivent rester disponibles pour ces interactions. Un mécanisme de chargement différé doit également respecter les restrictions de sécurité du site.
Valider le maintien dans le temps
Une modification de thème ou l’ajout d’un bloc peut rendre le CSS critique obsolète. Prévoyez son invalidation et sa régénération avec les ressources dont il dépend. Si cette chaîne n’est pas fiable, conserver une feuille complète bloquante peut être un meilleur choix qu’un affichage initial rapide suivi d’une interface incohérente.