Forum des entreprises

[Pierre]

Zoom sur les axes techniques d’optimisation liés à la structure et la conception des pages web, et la gestion des dépendances JavaScript et CSS. Un équilibre entre sur-optimisation et perception client est à trouver.

Le développement Web autorise beaucoup de latitudes, notamment dans l’organisation du code des pages. Une bonne pratique consiste à regrouper le code JavaScript et CSS dans des fichiers externes qu’il est possible d’appeler par un fichier externe.

Cette recommandation est aussi une manière d’améliorer véritablement votre référencement ainsi que la maintenabilité de votre site, alors évitez de la contourner !

Un autre moyen d'optimiser, si vous avez un script du côté serveur qui peut vous préparer dans un seul fichier tous les CSS et dans un autre fichier tous les scripts JS nécessaire à la page en cours comme ça vous réduisez le nombre d'appels vers le serveur. Vous pouvez même en profiter pour alléger les fichiers enlevant les espaces blancs, commentaires etc.

Minify
http://www.minifyjs.com/

Yahoo! YUI Compressor
temps testé et solide
http://developer.yahoo.com/yui/compressor/

Google Minify
Fonctionne avec JS et CSS.
http://code.google.com/p/minify/


Le Dojo Toolkit
http://dojotoolkit.org/documentation/