Échec de la connexion. Veuillez réessayer.

Aller au contenu
SEO Tools
Aide et documentation
Vitesse Impact faible Facile 30 à 60 minutes

Styles en ligne

Beaucoup de style="..." aggrave la mise en cache et la maintenabilité.

Ce que c’est

Les styles en ligne sont des CSS écrits directement dans l'attribut style="..." des éléments. En grande quantité, ils agrandissent le HTML et ne peuvent pas être mis en cache ou réutilisés.

Pourquoi c’est important

Le HTML avec de nombreux styles en ligne est plus volumineux (transféré à chaque chargement) et plus difficile à maintenir. L'exception est le "CSS critique" intentionnel en ligne dans la tête pour la vitesse.

Comment faire

  1. 1Déplacez les styles répétés dans du CSS externe/combiné avec des classes.
  2. 2Conservez en ligne uniquement pour les valeurs véritablement uniques et calculées dynamiquement.
  3. 3Un CSS critique intentionnel dans <head> est très bien – ce n'est pas la même chose.

Conclusion

Faible priorité, plutôt une question de propreté et de mise en cache. Déplacez les styles en ligne en masse dans les classes ; l'exception est le CSS critique délibéré. Ne le résolvez pas avant le poids de l’image et le blocage des ressources.

Sujets liés