Vous avez surement remarqué depuis l’apparition des sites web 2.0 avec l’apparition d’Ajax, le code Javascript des sites a pris de l’embonpoint. Raison à cela : la multiplication des librairies javascript (prototype, script.aculo.us, dojo et autres librairies).
On se retrouve avec 5 / 6 voire 10 includes javascript au début de la page (sans compter les tags google analytics et autres).
Donc parfois la première page est souvent laborieuse à venir . Après je vous accorde que le navigateur fait son boulot et gère correctement le cache mais le chargement de la première page c’est aussi la première impression de l’internaute.
En fait le probleme est très simple, un navigateur ne parallelise pas le chargement des includes javascript, il les lit dans l’ordre car il interprete le code. On se retrouve donc avec une suite de requetes de chargements / interpretations de fichier javascript.
La solution est simple, vous pouvez développer avec une liste de fichiers javascript mais lors de la mise en production, concatenner tous vos fichiers javascript en 1 seul (plus gros mais unique donc un peu moins rapide à charger mais une seule requete et pas d’attente)
Tags :
Vous pouvez laisser un message, ou un trackback / retrolien depuis votre site
1 comment aire
Certain service online vous permettent aussi de compresser vos fichier pour accélérer leurs chargements (css et jscript) en retirant les commentaires, les retours à la lignes et les espaces.
Une bonne pratique consiste aussi à ne faire charger que le stricte nécessaire en fichier externe sur chacune des pages. Pour ne pas surcharger inutilement la page d’accueil.
septembre 14th, 2007 at 14:38
Laisser un commentaire