Web-fr

Fixer Google PageSpeed activer la compression avec PHP et htaccess

Activer la compression gzip dans votre script ou serveur web ne va pas seulement vous permettre d’obtenir un meilleur score sur le test Googleicon PageSpeed « Enable compression » [1], mais aussi d’améliorer la vitesse d’affichage sur le navigateur de vos visiteurs.

La manière la plus simple de le faire, si vous utilisez PHP, est d’ajouter quelques lignes au début de votre script PHP pour activer la compression en sortie zlib [2] :


ini_set("zlib.output_compression", "On");
ini_set("zlib.output_compression_level", "-1");

Une bonne manière de vérifier si cela fonctionne, est de faire un test avant / après sur gidnetwork (Fig 1) [3] par exemple.

Gidnetwork.com GZIP compression test tool
Fig 1 : Gidnetwork.com GZIP compression test tool

Vous pouvez aussi ajouter le morceau suivant dans votre fichier htaccess, qui donnera comme directive à Apache de compresser les fichiers correspondants, si le mod_deflate est activé sur votre serveur :


#Compression
<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml 
	text/css text/javascript application/javascript
</IfModule>

Pour plus de détails sur la compression Apache, référez vous aux excellents articles sur le sujet sur betterexplained.com [4] ou www.cloudtech.ch [5].

Par exemple, ceci m’a permis de passer le test Googleicon PageSpeed [6] Enable Compression [1] sur un site web, en passsant d’un score de 72 sur mobile (Fig 2) à 89 (Fig 3), et de 79 (Fig 4) à 89 sur desktop (Fig 5).

Google Page Speed - Score avant activation de la compression gzip de 72 sur mobile
Fig 2 : Google Page Speed – Score avant activation de la compression gzip de 72 sur mobile
Google Page Speed - Score après activation de la compression gzip de 89 sur mobile
Fig 3 : Google Page Speed – Score après activation de la compression gzip de 89 sur mobile
Google Page Speed - Score avant activation de la compression gzip de 79 sur desktop
Fig 4 : Google Page Speed – Score avant activation de la compression gzip de 79 sur desktop
Google Page Speed - Score après activation de la compression gzip de 89 sur desktop
Fig 5 : Google Page Speed – Score après activation de la compression gzip de 89 sur desktop

Liens et crédits

  • [1] – Optimizing encoding and transfer size of text-based assets — Web Fundamentals – developers.google.com
  • [2] – PHP: Runtime Configuration – Manual – php.net
  • [3] – GIDZipTest: Web Page Compression (Deflate / Gzip) Test – GIDNetwork – www.gidnetwork.com
  • [4] – How To Optimize Your Site With GZIP Compression | BetterExplained – betterexplained.com
  • [5] – Mod_deflate compressing html javascript and css files | cloudtech GmbH – www.cloudtech.ch
  • [6] – PageSpeed Insights – developers.google.com

Images