PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2025 → [WB18] Rapidité et compression fichier .js
[WB18] Rapidité et compression fichier .js
Débuté par centaure, 23 jan. 2013 19:11 - 1 réponse
Posté le 23 janvier 2013 - 19:11
Bonjour,
en testant la rapidité de mon site sur :

https://developers.google.com/speed/pagespeed/insights…

j'ai remarqué que je pourrait l'accélérer en compressant des fichiers javascript :

Si vous compressez les ressources suivantes à l'aide de gzip, vous pourriez réduire la taille du transfert de 239,6 Ko (réduction de 77 %).

Mais dans la description de mon projet j'ai déjà demandé de compresser le code html et js !
et pourtant les fichiers suivant ne le sont pas :

Si vous compressez http://.../WDAJAX.js, vous pourriez libérer 119,6 Ko (réduction de 77 %).
Si vous compressez http://.../WDAnim.js, vous pourriez libérer 39,7 Ko (réduction de 81 %).
Si vous compressez http://.../WDUtil.js, vous pourriez libérer 28,3 Ko (réduction de 72 %).
Si vous compressez http://.../Conseil.awp, vous pourriez libérer 22,7 Ko (réduction de 81 %).
Si vous compressez http://.../WDChamp.js, vous pourriez libérer 14,1 Ko (réduction de 77 %).
Si vous compressez http://.../WDXML.js, vous pourriez libérer 7,9 Ko (réduction de 72 %).
Si vous compressez http://.../WDTiroir.js, vous pourriez libérer 3,1 Ko (réduction de 71 %).
Si vous compressez http://.../WWConstante5.js, vous pourriez libérer 2,8 Ko (réduction de 60 %).
Si vous compressez http://.../StdAction.js, vous pourriez libérer 1,5 Ko (réduction de 63 %).

Tout cela n'est pas compressé !

Merci par avance pour votre aide

Julien
Posté le 28 janvier 2013 - 10:38
Bonjour,

Il faut le mettre en place dans Apache.


1/ Il faut activer le module : deflate_module

2/ Ensuite il faut éditer le fichier http.conf (ou le fichier .htaccess si tu a en mis un en place) et ajouter les lignes ci-dessous :
(dans le http.conf il faut mettre les lignes entre les balises <DIRECTORY></DIRECTORY> du site)

AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript


3/ Pour vérifier que ça fonctionne correctement utilise la mode développeur de Chrome, onglet Network, colonne Size.