Enlever les code CSS inutile
En comprend un tout petit peu les base des feuille de style en cascade (CSS) il est possible d'avoir plusieurs style de texte définit dans un tout petit fichier CSS.Par exemple si votre site est en police Arial, il suffit de mettre cette police dans la balide <body> et vous n'avez plus a le spécifier par la suite.
Exemple de mauvaise programmation CSS :
h1 { font-family: Arial, Helvetica, Sans Serif; font-size: 30px;}
h2 { font-family: Arial, Helvetica, Sans Serif; font-size: 24px;}
h3 { font-family: Arial, Helvetica, Sans Serif; font-size: 20px;}
h4 { font-family: Arial, Helvetica, Sans Serif; font-size: 18px;}
h5 { font-family: Arial, Helvetica, Sans Serif; font-size: 16px;}
h6 { font-family: Arial, Helvetica, Sans Serif; font-size: 14px;}
Exemple de bonne utilisation de CSS :
body { font-family: Arial, Helvetica, Sans Serif; }
h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
L'optimisation de centraliser les information identique dans un CSS permet 2 grands avantage :
- Fichier CSS plus petit en taille
- Style du site plus rapide a modifier avec les styles différents mis a un seul endroit