Yahoo rules #10 | Comment compresser, encoder ou minimiser vos fichiers javascript ?

La solution pour respecter la Yahoo rule numéro 10, compresser les fichiers Javascript externes vous permet de réduire leur taille non négligeablement.

Pour ceux qui ne connaitrez pas les “Yahoo rules”, il s’agit de (plus ou moins) 10 règles “inventées” (en fait il y en a 14) par Yahoo pour optimiser le temps de chargement des pages d’un site.

J’ai écris un premier billet sur les Yahoo rules traitant de la première règle visant à réduire le nombre de requêtes Http grâce à l’utilisation des sprites :

Yahoo rules #1 | Comment créer des sprites Html/Css ?

La 10e règle conseille aux développeurs de réduire la taille des fichiers externes Javascript (Js) en les compressant ou en les encodant (dans l’anglais brut la règle est la suivante : Minify Js).

Il existe de nombreux outils en ligne qui permettent la compression, l’encodage ou la minimisation de vos fichiers Javascript.

Les différentes actions possible en compression

• Compresser / minimiser : Suppression de tous les espaces, retours à la ligne, tabulations, des commentaires de forme /*Commentaires*/. Le code reste “lisible”.
• Shrink variables (”réduire” les variables) : modifie le nom des variable dans une forme “compressée”, des lettres de l’alphabet…
• Encoder : Encode selon une base (utilisant une base de compression, c’est du binaire on s’en fou ;)), Le code est illisible, mais super léger !

Les outils de compression Javascript

Javascript Compressor (traduisez “compresseur javascript”)

Outil très simple qui permet en copier/coller de compresser, réduire les variables et encoder (Base62) le fichier.

http://developer.yahoo.com/yui/compressor/

Vous avez sur cette adresse tous les outils pour créer votre propre minimiseur (compresseur) Javascript !

A bientôt !

Mickaël B. Alexandre

Vous pourrez être intérressé par :

• Internet Explorer ne peut pas ouvrir le site http://www … LA SOLUTION
• CheckForm v0.6 | Vérification et validation de formulaire Javascript (Classe OpenSource)
• Découverte de Google Code un outil pour les projets Open Source
• CheckForm v0.5 | Vérification et validation de formulaire Javascript (Classe OpenSource)

This entry was posted Vendredi, janvier 2nd, 2009 at 21:32 and is filed under Développement, Yahoo rules. You can leave a response, or trackback from your own site.