Discussion :

[le_chomeur]

Salut à tous

N'ayant pas trouvé d'information propre au load de scripts js sur mobile je viens demander l'avis de la communauté :

Sur pc , il est conseillé de télécharger plusieurs fichiers js plutôt qu'un seul gros, mais qu'en est-il sur du mobile ???

On m'a sous entendu que la gestion n'était pas la même et qu'un navigateur mobile ne pouvait charger autant de script en parallèle que sur un navigateur de desktop ....

Merci à tous

[SylvainPV]

En fait avec les navigateurs d'aujourd'hui, concaténer les scripts est moins utile qu'avant. En effet à partir du moment où tu utilises une bonne librairie de chargement dynamique de scripts (je te conseille personnellement head.js), le navigateur charge les scripts en parallèle et donc plus rapidement en rapport taille/temps.

Néanmoins chaque requête asynchrone est encapsulée dans un paquet HTTP qui lui est propre, plus les couches inférieures (TCP/IP etc...). Donc il ne faut pas trop en abuser non plus et charger des scripts trop petits, au risque d'augmenter inutilement la taille totale des échanges. Réduire le nombre de requêtes est d'ailleurs conseillé pour le web mobile (peut-être à cause des headers propres à la 3G, à confirmer)

Donc au final je dirais qu'il faut trouver un bon compromis à la fois technique et pratique. Je conseille de ne plus utiliser de mécanisme de concaténation de scripts, mais de ne pas hésiter à les minifier et surtout utiliser une bonne librairie de chargement de scripts dynamiques. En parallèle que ce soit en prod ou en développement, essayez de faire des fichiers JS entre 100 et 1000 lignes de code ; bon compromis en taille/nombre de requêtes et en lisibilité.