Discussion :

[olysmar2]

Bonjour,

Mes pages sont trés lentes à charger.
Il semblerait que 100 fichier javascript a chargé, c'est lourd...

Y a t'il un moyen à la publication de minifier et de concaténer tous les fichiers JS en un seul ?

Ou est ce que je dois faire cela à la main avant chaque publication ?

Je suis en asp .net web form.

Merci
Sylo

[DotNetMatt]

Bien sûr, et ce principe est même applicable aux fichiers CSS. Quelle version du .NET Framework utilises-tu ?

[olysmar2]

la 4.5 avec VS2012...
Mais je trouve rien sur internet sur comment faire cela...
J'ai vu des choses mais cela me parait trés compliqué...
Si vous aviez un lien
Merci beaucoup
Sylo

[DotNetMatt]

Ok, pour démystifier un peu la chose il y a 2 concepts sous-jacents :

1. Le bundling : ca consiste à regrouper plusieurs fichiers JS/CSS en un seul. Donc cela permet de minimiser le nombre de requêtes. Avec le nouveau protocole HTTP/2 à venir, cela ne sera peut-être plus nécessaire puisque la gestion des connexions TCP sera bien meilleure...
2. La minification : on enlève tout ce qui est inutile dans les fichiers (commentaires, retours à la ligne, tabulations, etc.). Cela permet de réduire la taille des fichiers CSS/JS.

En ASP.NET c'est supporté nativement et voici un bon tuto : Adding Bundling and Minification to Web Forms. Autre tuto complet : Bundling and Minification (là où ca devient intéressant, c'est à partir du titre "Controlling Bundling and Minification").

Il existe aussi des plugins indépendants, tels que Cassette par exemple. A toi de voir ce qui correspond le mieux à tes besoins.

[Dokho1000]

Je pense même que certains navigateurs limite le nombre de fichiers référencé dans une page... (il me semble que c'est 32 pour ie)
Je me poserait par contre la question de comment je suis arrivé à un stade ou j'ai +de 100 fichiers js...

[olysmar2]

Merci DotNetMatt,

J'avais vu un de ces liens mais je n'était pas sur de la méthode.
Donc je m'y suis attelé et ca fonctionne...

Pour Dokho1000, dans un soucis de structuration, je fait un fichier JS par composant de manière a m'y retrouver au mieux...
Je ne sais pas s'il y a d'autres méthodes mais celle-ci me convient bien en terme de structuration.

Merci
Sylo