Qu'est-ce que la minification CSS ?
La minification CSS est le processus consistant à retirer du code source d'une feuille de style (.css) tous les caractères qui ne sont pas strictement nécessaires à son exécution par le navigateur web.
Quels éléments sont supprimés par cet outil ?
- Les commentaires : Les blocs de texte
/* commentaire */qui aident les développeurs mais sont ignorés par les navigateurs. - Les espaces et retours à la ligne : Les sauts de ligne, les tabulations (indentation) et les espaces autour des accolades
{ }et des deux-points:. - Le dernier point-virgule : Le point-virgule
;de la dernière règle d'un bloc n'est pas obligatoire en CSS, il est donc retiré pour gagner quelques octets.
Impact sur le SEO (Référencement Naturel)
Le CSS est une ressource bloquante au rendu (Render-Blocking Resource). Cela signifie que le navigateur web met en pause l'affichage de la page HTML tant qu'il n'a pas fini de télécharger et de lire l'intégralité du fichier CSS. En minifiant votre code, le fichier devient beaucoup plus léger (jusqu'à 30% de gain). Votre site s'affiche plus vite, ce qui améliore directement vos scores sur Google PageSpeed Insights et favorise votre positionnement sur les moteurs de recherche.