Compresser un code CSS ou JavaScript

Publié le 29 septembre 2010 par Capmarketer

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 :

  • Yahoo YUI Compressor Compresseur de Yahoo pour CSS et Javascript écrit en Java
  • Closure Compiler Le compresseur Javascript de Google
  • JavaScript Optimizer: réduit CSS et Javascript
  • pack:tag – Un JSP Taglib pour minifier Javascript et CSS avec un cache
  • JAWR – Une librairie pour les applications Java
  • Minify – Librairie PHP pour minifier à la volée JavaScript et CSS.
  • ShrinkSafe, développé avec Dojo toolkit.

Outils en ligne :

CSS

JavaScript