Discussion :

[Spicy]

Bonjour,

j'ai h�rit� il y a peu de temps de l'optimisation du front end d'une plateforme qui dispose de nombreux scripts charg�s sur toutes les pages; presque 40 fichiers.
Quand j'aurais le temps de le faire je ferais une refonte � ma fa�on mais pour l'instant je dois faire au mieux pour limiter l'impact d'un tel chargement.

J'ai souvent optimis� le chargement javascript de sites ayant un grand nombre de script mais jamais autant. Je connais les bonnes pratiques (CDN, body, compression, regroupement des scripts...) mais j'avoue ne jamais avoir eu autant � optimiser sans possibilit� de refonte compl�te du front end.

Je recherche donc des solutions d'optimisation du chargement de tous ces scripts afin de limiter le nombre de requ�tes HTTP. J'avais pens� regrouper pas mal de scripts en quelques fichiers (jQuery, jQueryUI, plugins, classes, functions, app) et les charger en asynchrone via un JS loader tel que headJS, requireJS, labJS ou encore $scriptJS. Je ne sais pas si c'est la meilleure solution mais je vais manquer de temps pour exp�rimenter donc si certains ont des retours d'exp�rience, des conseils ou astuces � me faire partager: je suis preneur.

[Willpower]

Si je puis me permettre un conseil pour jQuery, jQueryUI, etc... passe par les liens google. (et �ventuellement m�me par google loader)

Les avantages sont nombreux,
- �conomie de la bande passante de ton site
- vitesse maximum (si ton serveur envoit le fichier plus vite que le serveur google, chapeau)
- premier chargement de ta page + rapide (en g�n�ral jquery de google se trouve 9 fois sur 10 dans le cache du visiteur ayant visit� un autre site, �a �pargne donc la premi�re mise en cache)
- les serveur de google ne sont jamais offline.



Le 2�me conseil c'est simplement de regrouper tous les scripts dans un seul, tu ne dois m�me pas t'amuser � tout couper/coller, tu peux cr�er simplement un fichier script.php avec que des "include"s vers tous les scripts, au final l'usage de la bande passante sera quasi aussi important en volume, mais �a r�duira le nombre d'appels diff�rents au serveur.

[Spicy]

J'utilise d�j� les CDN de Google et microsoft pour les scripts le permettant et je vais certainement utiliser notre propre CDN (amazon) lorsque la version finale sera en prod pour tous les autres scripts, pour l'instant j'utilise un simple serveur debian OVH. On est plut�t g�t� de ce c�t� l�.

Regrouper en un seul fichier est une solution mais 95% des interactions du site se font via javascript et j'ai donc besoin de charger en priorit� certains scripts, d'o� mon id�e d'utiliser les possibilit�s de chargement asynchrone des navigateurs. Et pourquoi pas la gestion de cache de requireJS que je n'ai jamais explor�e...