Yahoo! Inc. tag archives

Compresser CSS & JavaScript

La vitesse de chargement d’une page internet devient un critère important. Google a même indiqué que son moteur de recherche allait avantager les sites rapides.

Pour alléger une page, il devient indispensable de compresser ( minifier ) la feuille de style et les codes javascript.

La Minification c’est la suppression des caractères inutiles à partir du code, ce qui permet de réduire sa taille et ce qui améliore les temps de chargement. Lorsque le code est minified tous les commentaires sont supprimés, ainsi que les espaces blancs inutiles (espace, saut de ligne).
Deux outils  de référence pour compresser le code JavaScript sont JSMin et YUI Compressor. Le compresseur de Yahoo peut également réduire le CSS.
L’ obfuscation est une optimisation qui va modifier le code source (par exemple changer le nom de variables). C’est une méthode plus complexe que la minification et donc plus susceptible de générer des bugs à la suite de l’étape de l’obfuscation.

Pour cela plusieurs outils. Voici une liste non exhaustive de quelques solutions :

Outils en ligne :

CSS