Modification fichier htaccess pour compresser les ressources avec Gzip

chon_spip

Décembre 2012

Bonjour,

Mon site Spip étant particulièrement long à charger, j’ai fait l’analyse sur Google Speed Test pour voir les pistes d’améliorations. Ils proposent de compresser les ressources à l’aide de gzip, pour réduire la taille du transfert.

Après recherche j’ai vu que cela était possible en modifiant le fichier htaccess du site.

N’y connaissant rien, j’ai fait des bêtes copier coller de bout de codes trouvés sur le web. J’ai mis les ajouts que j’ai fait en bas de ce message. Si qqn de plus avisé lisez ce message, pourrait il m’indiquer si l’ensemble du code ci-dessous est bon ?

Car depuis que je l’ai chargé de nombreuses pages n’apparaissent plus dans la liste rouge des recommandations de Google, mais certaines y sont toujours et je ne sais que faire de plus.

Y a t il un moyen de coder directement sur les pages pour autoriser la compression de celles ci ?

Merci pour votre aide !

# expirer les images (pour contourner gros bug MSIE sur le cache)
# note : a decommenter si vous voulez tester
#<IfModule mod_expires.c>
# ExpiresActive on
# ExpiresByType text/html A7200

# ExpiresByType text/css A604800
# ExpiresByType application/x-javascript A604800
# ExpiresByType application/javascript A604800
# ExpiresByType text/javascript A604800

# ExpiresByType image/gif A604800
# ExpiresByType image/jpeg A604800
# ExpiresByType image/png A604800

# ExpiresByType application/x-shockwave-flash A604800
# ExpiresByTYpe text/xml A604800

#</IfModule>



#################################
# gestion des erreurs 404
# voir http://www.spip.net/fr_article3226.html


# Commenter la ligne ci-dessous si plantage php_flag zlib.output_compression on
# Activer le filtre SetOutputFilter DEFLATE
# Certains navigateurs ne peuvent pas avoir GZIP (les vieux) BrowserMatch ^Mozilla/4 gzip-only-text/html
# Certains navigateurs ne peuvent pas avoir GZIP (les vieux) BrowserMatch ^Mozilla/4\.0678 no-gzip
# On ne veut pas d'IE BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# On ne compresse pas les images, elles le sont déjà. SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
#on gère le cas des proxy Header append Vary User-Agent env=!dont-vary

# Compression pour fichiers CSS
<IfModule mod_gzip.c>
    mod_gzip_on       Yes
    mod_gzip_dechunk  Yes
    mod_gzip_minimum_file_size 1024
    mod_gzip_maximum_file_size 100000
    mod_gzip_item_include file \.css$
    mod_gzip_item_include mime ^text/css$
</IfModule>

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault "access plus 1 month"
    ExpiresByType text/css "access plus 1 day"
    ExpiresByType image/png "access plus 1 week"
    ExpiresByType image/gif "access plus 1 week"
    ExpiresByType image/jpeg "access plus 1 week"
</IfModule>

# Compression pour fichiers JS
<IfModule mod_gzip.c>
    mod_gzip_on       Yes
    mod_gzip_dechunk  Yes
    mod_gzip_minimum_file_size 512
    mod_gzip_maximum_file_size 1000000
    mod_gzip_item_include file \.js$
    mod_gzip_item_include mime ^application/x-javascript.*
</IfModule>

# Cache
<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresByType application/x-javascript "access plus 2 month"
    ExpiresByType application/javascript "access plus 2 month"
    ExpiresByType text/javascript "access plus 2 month"
</IfModule>

SPIP 3.0

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Gilles

Décembre 2012

Bonjour,
Avez-vous un lien pour qu’on puisse tester ?
Indiquez l’intérêt que vous portez à cette réponse

0

chon_spip

Décembre 2012

Bonjour,

Merci pour votre retour,

Voici la liste des pages restantes à compresser, la plupart étant des fichier css.
La compression automatique est bien activée dans les fonctions avancées pour les css, mais il reste des pages qui ne se compressent pas automatiquement.

https://developers.google.com/speed/pagespeed/insights#url=http_3A_2F_2Fwww.learn-french-and-speak.com_2F&mobile=false&rule=EnableGzipCompression

merci
Indiquez l’intérêt que vous portez à cette réponse

0

gilles

Décembre 2012

Pour les css et js, j’utilise des scripts de compression qui vont interpréter le fichier d’origine et retourner une version compressée.
Apache, à l’aide de directives dans .htaccess, rend ceci tranparent.

C’est tout expliqué ici :
http://viralpatel.net/blogs/compress-php-css-js-javascript-optimize-website-performance/

Un script unique (qui me semble correct) est dispo ici :
http://www.phpsources.org/scripts350-PHP.htm
Indiquez l’intérêt que vous portez à cette réponse

0

gilles

Décembre 2012

Sinon je reviens sur le problème de lenteur du site : ça dépend de beaucoup du chargement des différents éléments des pages.

Dans votre cas, le code Javascript est bloquant (on s’en rend compte en utilisant Firebug ou le lien "critical Path Explorer" de PageSpeed).

Regardez si vous ne pouvez pas le mettre en fin de page (il faut enlever le #INSERT_HEAD et reprendre les scripts dont vous avez besoin)
Indiquez l’intérêt que vous portez à cette réponse

0

chon_spip

Décembre 2012

Merci beaucoup pour ces conseils je vais regarder cela !
Indiquez l’intérêt que vous portez à cette réponse

0

chon_spip

Décembre 2012

Une petite question me vient : le script compresse.php qu’ils demandent de créer, je le mets à la racine du site avec le .htaccess ou dans le squelette (question bête sans doute mais quand on est débutant...)
merci !
Indiquez l’intérêt que vous portez à cette réponse

0

Gilles

Décembre 2012

Vous pouvez le mettre n’importe où mais il faudra adapter le chemin de la règle de réécriture du fichier .htaccess