Minifier le CSS et le JS

Aperçu de CleanCss.com

Minifier son code CSS ou Javascript permet d’alléger le poids des fichiers envoyés par le serveur, et donc d’avoir une page qui se charge plus rapidement. J’ai une préférence pour les minifieurs peu intrusifs, c’est-à-dire qui enlève les espaces, les commentaires et font des modifications basiques. Cela évite d’avoir des mauvaises surprises, mais bien sur le gain n’est que de l’ordre de 25%.

Il est possible d’utiliser en local ou sur le serveur un programme comme YUI Compressor pour faire cela. Mais je me suis limité à une minification en ligne avec ces deux sites :

À chaque fois que je modifie un fichier js ou css, je le fais passer par l’un de ces outils avant de l’envoyer sur le serveur en production.

PS : en cas de perte du fichier non-compressé, il est possible de faire le processus inverse avec le compresseur CSS. Et pour le js, il est possible d’utiliser un service de « beautification » comme par exemple jsbeautifier.org.