Compresser un code CSS ou JavaScript

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

• CSSdrive – CSS Compressor
• CSSdrive – CSS Compressor

JavaScript

• Yahoo YUI Compressor en ligne Compresser en ligne avec YUI de Yahoo , l’auteur propose aussi cet outil Java en PHP
• CSSdrive – CSS Compressor
• CSSdrive – CSS Compressor