Compression js et recommandation Page speed

Anto1982 · 10 Mai 2011

Bonjour à tous!

J'utilise l'extension "Page Speed" sur chrome. Celle-ci me recommande de compresser mes fichiers js:

Si vous compressez xxxxxxx.zz_minified.js, vous pourriez libérer 268.2 Ko (réduction de 75 %).

Je suis sur un hébergement mutualisé... Quelqu'un sait-il comment je dois m'y prendre....?

Merci par avance! :mrgreen:

lambi521 · 10 Mai 2011

Avant Page Speed te mettais un lien vers le fichier compréssé, t'avais juste à l'enregistrer sur ton ordi.
Maintenant il a disparu sur chrome, si tu retrouves ça dis le ici stp, je m'en servais pas mal

J'avais demandé ici:
https://www.webrankinfo.com/forum/page-speed-plus-disponible-pour-firefox-t ... 42772.html

spout · 10 Mai 2011

https://www.webrankinfo.com/forum/t/compression-du-code-automatique.142278/#p1287502
=> http://code.google.com/p/minify/

Anto1982 · 10 Mai 2011

spout a dit:
https://www.webrankinfo.com/forum/t/compression-du-code-automatique.142278/#p1287502
=> http://code.google.com/p/minify/

nan, je ne crois pas que ce soit cela (je me suis peut être mal exprimé). Je crois qu'il s'agisse plutôt de "gzip"... car mes fichiers sont déjà "minifiés"

lambi521 · 10 Mai 2011

Gzip est un paramètres qui s'active sur ton serveur.
Je l'ai activé, dans mon .htaccess (sur Apache), j'ai rajouter ceci:

Code:

#COMPRESSION GZIP
AddType image/x-icon .ico
AddOutputFilterByType DEFLATE text/html text/php text/plain text/xml text/css text/javascript application/javascript application/x-javascript image/x-icon

Anto1982 · 10 Mai 2011

OK, donc pour voir si ça marche...:

- je compresse mes fichiers js et css a l'aide de winzip (par exemple) avec une extension ".gzip".
- j'insère les lignes de code ci-dessus dans mon .htaccess
- je fais référence à mes nouveaux fichier .gzip (au lieu de mes anciens fichiers .css et .js) dans mon code html

j'ai bon?

spout · 10 Mai 2011

Non, c'est Apache qui s'occupe de tout ça, pas besoin de les zipper toi même.
Dans les headers HTTP on px voir si c'est compressé avec gzip ou pas.

Ottis · 10 Mai 2011

Vous pouvez aussi utiliser PHP et la compression à la volée : zlib.output_compression

http://php.net/manual/fr/zlib.configuration.php

ou encore (moins recommandé):

ob_start('ob_gzhandler')

lambi521 · 10 Mai 2011

- je compresse mes fichiers js et css a l'aide de winzip (par exemple) avec une extension ".gzip".
- j'insère les lignes de code ci-dessus dans mon .htaccess
- je fais référence à mes nouveaux fichier .gzip (au lieu de mes anciens fichiers .css et .js) dans mon code html

Non non non, Gzip n'est pas un type de fichier, c'est un système que ton serveur va appliquer à tes fichiers avant de les envoyer sur le réseau afin de gagner en poids et donc en vitesse de chargement pour l'internaute

Le code que je t'ai mis fonctionne pour moi, il faudra peut-etre le modifier suivant les réglages de ton serveur (si tu as apache)
PS: Tu n'est pas obligé de rajouté le code pour le favicon, c'était juste pour rendre page speed content, ça ne sers pas vraiment vu la taille du .ico

Anto1982 · 10 Mai 2011

Merci pour toutes ces précisons... J'ai essayé avec la méthode du .htaccess... cela ne change rien (j'ai vidé le cache du navigateur).

- comment vérifier le paramétrage du serveur (quels paramètres pour Apache... où puis-je les voir?)

Question subsidiaire...:
- page speed (extension) et page speed (en ligne) n'ont pas du tout les mêmes résultats... (l'un me donne un score de 30/100 et l'autre 70/100...!)

Un grand merci en tout cas, je sens que j'avance sur le sujet

cedric_g · 10 Mai 2011

Bonjour

Il faut parfois rafraîchir le chargement de la page (avec l'extension) ; perso je préfère l'extension YSlow, mais bon

_Soul · 10 Mai 2011

Salut,

Tu as aussi le "Rulesets" qui change beaucoup ton score

Anto1982 · 10 Mai 2011

cool pour le rule set, je l'avais pas vu... sinon

- comment vérifier le paramétrage du serveur (quels paramètres pour Apache... où puis-je les voir?)

une idée...? :mrgreen:

spout · 10 Mai 2011

http://httpd.apache.org/docs/2.0/mod/mod_deflate.html
http://www.alsacreations.com/article/lire/914-compression-pages-html-c ... flate.html
http://www.howtoforge.com/apache2_mod_deflate

Pour voir si ça fonctionne, tu vas sur un fichier CSS par exemple, et tu regardes dans les headers HTTP si tu vois:

Content-Encoding: gzip

Anto1982 · 10 Mai 2011

spout a dit:
http://httpd.apache.org/docs/2.0/mod/mod_deflate.html
http://www.alsacreations.com/article/lire/914-compression-pages-html-c ... flate.html
http://www.howtoforge.com/apache2_mod_deflate

Pour voir si ça fonctionne, tu vas sur un fichier CSS par exemple, et tu regardes dans les headers HTTP si tu vois:

Content-Encoding: gzip

Cliquez pour agrandir...

Merci spout...! Je pense que c'est mort, je suis sur un mutualisé... Je ne pense pas pouvoir modifier les paramètres d'Apache... :-(

lambi521 · 11 Mai 2011

Tu dois pouvoir le faire par le .htaccess, le code que je t'ai donné fonctionne sur mon serveur avec ma version de apache et ma configuration. J'en ai essayé bien d'autre avant de trouver une méthode qui fonctionne, ça en vaut vraiment la peine

Sinon c'est quoi "Rulesets" ??

mipc · 11 Mai 2011

Anto1982 a dit:
Merci spout...! Je pense que c'est mort, je suis sur un mutualisé... Je ne pense pas pouvoir modifier les paramètres d'Apache... :-(

quel hébergeur, si tu es chez 1and1 à mon avis tu peux, enfin tu devrais.

Anto1982 · 11 Mai 2011

je suis chez nuxit. J'ai fait un test sur ma sandbox avec ton .htaccess... rien :-(

Ci dessous les headers http (après avoir modifié le .htaccess)

Code:

HTTP/1.1 200 OK => 
Date => Wed, 11 May 2011 09:13:28 GMT
Server => Apache
X-Powered-By => PHP/5.2.6
Expires => Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control => no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma => no-cache
Set-Cookie => PHPSESSID=a32683119915a94f979cdf2d1d02a420; path=/
Vary => Accept-Encoding
Connection => close
Content-Type => text/html

mipc · 11 Mai 2011

Anto1982 a dit:
je suis chez nuxit. J'ai fait un test sur ma sandbox avec ton .htaccess... rien :-(

Ci dessous les headers http (après avoir modifié le .htaccess)

Code:

HTTP/1.1 200 OK => Date => Wed, 11 May 2011 09:13:28 GMT Server => Apache X-Powered-By => PHP/5.2.6 Expires => Thu, 19 Nov 1981 08:52:00 GMT Cache-Control => no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Pragma => no-cache Set-Cookie => PHPSESSID=a32683119915a94f979cdf2d1d02a420; path=/ Vary => Accept-Encoding Connection => close Content-Type => text/html

si dans ton .htaccess tu mettais ceci:

Code:

AddType x-mapp-php5 .php .php3 .php4 .htm .html .js

Header set Cache-Control "max-age=2594000, public"
ExpiresDefault "access plus 2 month"
Header unset Etag
Header unset Last-Modified
Header append Vary Accept-Encoding

ça donne quoi!!?

en suite essai de faire à chose suivante, j'ai fait un fichier que j'ai nomé php.info ou j'y ai mis ceci:

Code:

zlib.output_compression = true
zlib.output_compression on
zlib.output_compression_level 5

chez moi ça fonctionne.

Anto1982 · 11 Mai 2011

Merci mipc, je pense avoir cerné le problème...!

mon phpinfo contient:

Code:

zlib.output_compression	Off
zlib.output_compression_level	-1
zlib.output_handler	no value

Je vais voir avec mon hebergeur s'il ne peut pas changer ces paramètres ...

:mrgreen:

Merci!!

mipc · 11 Mai 2011

normalement tu a le droit de le modifier toi même!!?

comment ce fisse!!!!?

Ottis · 11 Mai 2011

Il est possible de l'activer directement soi-même via php.ini normalement. Mais ne marche pas chez tous les hébergeurs. Il faut parfois demander l'activation.

tryan · 14 Mai 2011

Salut,

Une autre méthode (quand on est emmerdé avec notre hebergeur) consiste à modifier les fichiers JS en php » de modifier l'entête du fichier » d'ajouter une règle de ré écriture et d'activer la compression dans le .htaccess » d'ajouter un fichier php.ini contenant une ligne pour la compression (fonctionne sous 1&1 en mutu).