Comment optimiser et minifier des fichiers CSS
CompresserCSS est un minifieur très pratique qui permet de supprimer les caractères inutiles dans votre code CSS afin que votre site web se charge plus rapidement dans les navigateurs internet.
Vous pouvez choisir entre plusieurs options de compression en fonction de la lisibilité que vous souhaitez pour votre fichier CSS, par exemple les sauts de ligne, les commentaires d’explication ou le point-virgule après le dernier point de l’énumération (;).
Utilisez notre outil CompresserHTML spécialement conçu pour minifier vos fichiers HTML en ligne.
Pourquoi est-il important de compresser votre code CSS ?
En réduisant la taille des fichiers CSS, vous allez améliorer le temps de chargement de vos pages, ce qui aura un impact positif sur les performances de votre site et son référencement pour les moteurs de recherche.
Pour compresser un code CSS avec notre outil en ligne gratuit, rien de plus simple !
- D'abord, insérez le code CSS à minifier dans la boite ci-dessous
- Ajustez ensuite le degré de compression du code selon vos besoins
- Enfin démarrez le processus en cliquant sur « Compresser CSS »
CompresserCSS raccourcit le code des sauts de lignes et des espaces et supprime aussi les points-virgules dans les énumérations.
Minifer vient du mot "Minify" en anglais, il signifie compresser un fichier de code en enlevant les caractères inutiles. Cela consiste essentiellement à supprimer les espaces, les sauts de lignes et les commentaires inutiles pour les machines.
Cela dit, pour tout développeur web, ces éléments sont très utiles pour faciliter la lecture et la maintenance du code.
Un sondage Yahoo! mené aux États-Unis a montré que la compression a pu réduire 21% du poids total des fichiers de codes pour les 10 sites web américains les plus visités.
Le principe de minification s’applique également aux ressources JavaScript ou encore HTML.
Sachez que plus la taille du code CSS est grande, plus l’internaute va devoir se montrer patient lors du chargement de votre site web.
Minifier vos fichiers HTML, CSS et JavaScript facilement dans WordPress
Si vous utilisez un CMS comme WordPress, plusieurs plugins vous permettront de compresser votre code automatiquement et sans difficulté. Pour n'en citer que quelques-uns :
Better WordPress Minify
Better WordPress Minify est un excellent outil gratuit qui optimisera vos fichiers CSS et JavaScript.
WP Minify
WP Minify propose plusieurs fonctionnalités intéressantes, notamment la possibilité de minifier et combiner les fichiers JavaScript, CSS et HTML en éliminant les sources en doublon.
W3 Total Cache
W3 Total Cache est parmi les plugins les plus performants sur WordPress. Il est surtout utilisé pour la mise en cache des aspects du site web et offre des possibilités de minification très intéressantes.
WP Super Minify
Ce plugin à l'avantage de fournir des chiffres sur les gains de performances après compression.
AssetsMinify
Ce plugin gratuit fait le job ! AssetsMinify propose toutes les fonctionnalités de compression basiques pour obtenir des résultats satisfaisants et améliorer le temps de chargement de vos pages.