<acronym title="Cascading Style Sheets">Minifieur CSS</acronym> :

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

CSS est une ressource bloquant le rendu. Les navigateurs doivent télécharger et analyser tous les CSS avant de pouvoir rendre la page, ce qui signifie que les fichiers CSS volumineux ou non minifiés retardent la première peinture de contenu (FCP) et la plus grande peinture de contenu (LCP). Google PageSpeed Insights signale les CSS non minifiés comme une opportunité « Minifier CSS », et des outils comme Lighthouse pénalisent les feuilles de style bloquant le rendu dans les audits de performance.

Cet outil traite entièrement les CSS dans votre navigateur à l'aide d'un algorithme de minification personnalisé. Il supprime les commentaires, réduit les espaces, supprime les espaces autour des caractères de syntaxe CSS ({, }, :, ;, ,) et laisse tomber les points-virgules avant de fermer les accolades. La fonction Beautify inverse ce processus, réintroduisant des règles de lisibilité — utile lorsque vous recevez des CSS minifiés d'un tiers et que vous devez les lire ou les modifier.