Réduire le CSS

Dans cet article, je veux parler de ce qu'est la minification du code HTML et CSS, à quoi elle sert et comment l'accomplir. Structurer le code en blocs, lignes, etc. est nécessaire pour la commodité de la lisibilité humaine. Nous percevons ces blocs dans leur ensemble, nous voyons où la balise s'ouvre, où elle se ferme. Pour les navigateurs, cela n'est pas nécessaire, ils lisent le code de manière séquentielle, et les sauts de ligne, les espaces et les commentaires inutiles dans le texte ne font que compliquer la lecture et augmenter le temps de chargement de la page. Ainsi, il y a deux raisons principales à la nécessité de minimiser le code: Réduire la taille (poids) de la page et, par conséquent, augmenter la vitesse de son chargement. La deuxième raison découle de la première. Il s'agit d'une amélioration des facteurs comportementaux. Si le site se charge plus rapidement, le taux de rebond, la croissance du trafic, l'augmentation des résultats de recherche, etc.

Actuellement, il existe un grand nombre d'outils Web pour optimiser les fichiers CSS. La plupart d'entre eux ont leur propre algorithme de travail (il y a bien sûr des doublons). L'efficacité des programmes eux-mêmes est également très différente. De plus, certains optimiseurs peuvent casser le code CSS, après quoi les styles deviennent invalides. La minification des fichiers CSS (à ne pas confondre avec la compression CSS) consiste à supprimer tous les caractères inutiles du fichier pour réduire sa taille et ainsi accélérer le chargement. La réduction et la compression des fichiers CSS ne sont pas la même chose. Cependant, ces deux méthodes sont conçues pour réduire les temps de chargement. La différence réside dans leur fonctionnement. La compression est utilisée pour réduire la taille du fichier à l'aide d'algorithmes de compression tels que Gzip ou brotli. Les fichiers sont compressés avant d'être envoyés au client.