Comment activer la compression Gzip pour WordPress

À vos marques, prêts… compressez !

Rendre votre site WordPress le plus rapide possible doit faire partie de vos priorités. Outre le fait qu’elle rend Google heureux et améliore l’expérience utilisateur mobile, la rapidité de votre site est la plus élémentaire des politesses sur le Web. La compression Gzip est l’une des méthodes les plus efficaces pour réduire fortement le temps de chargement des pages Web. Veiller à son bon fonctionnement est donc un devoir – ou presque.

Dans cet article, nous allons expliquer la compression Gzip ainsi que la meilleure façon de l’activer. Commençons par les notions de base. 

Qu’est-ce que Gzip et pourquoi dois-je l’activer sur mon site ?

Comme le résume Wikipédia, Gzip est « un format de fichier et une application logicielle servant à compresser et décompresser des fichiers. » En outre, Gzip est un format compris par tous les navigateurs modernes, il peut être généré par tous les serveurs modernes et fonctionne très bien sur du contenu textuel – pratique !

Autre bonne nouvelle, la combinaison de JavaScript, HTML et CSS qui représente le « visage public » de votre site Internet est considérée comme du simple texte par votre navigateur, ce qui la rend adaptée à la compression – une tâche pour laquelle Gzip est l’outil idéal.

L’activation de Gzip peut réduire jusqu’à 80 % votre bande passante.

compression gzip wordpress

Exemples de réduction de taille issus de Google Developers.

Comme le souligne Google, deux points importants doivent être notés concernant Gzip :

  1. Tous les navigateurs modernes prennent en charge le format de compression Gzip et le demanderont automatiquement.
  2. Votre web server doit être configuré pour pouvoir activer l’outil de compression Gzip.

Cela veut surtout dire, pour vous, que ce paramètre ne se trouve pas dans WordPress, mais au niveau du serveur. (Bonne nouvelle : pour les clients GoDaddy, ce paramètre est déjà activé dans tous les packs d’hébergement Web actuels.)

Pour savoir si votre site sert du contenu Gzip, testez-le sur checkgzipcompression.com – un site qui porte bien son nom ! Si un message comme celui ci-dessous s’affiche, vous pouvez arrêter de lire cet article et continuer à inonder votre site de contenu de qualité : 

Félicitations ! votre site sert des pages compressées !

compression gzip wordpress

Si, revanche, un message comme le suivant s’affiche, nous vous conseillons de poursuivre votre lecture :

Oh non, il reste du travail à faire…

compression gzip wordpress

Bon, jetons un œil aux options disponibles !

Option 1 : Demander à votre hébergeur d’activer Gzip

La simple évocation d’aller bidouiller les paramètres du serveur vous fait paniquer ? Demandez plutôt à votre hébergeur s’il peut activer Gzip à votre place – un problème qui sera entièrement résolu si vous optez pour GoDaddy !

Option 2 : Activer Gzip via le fichier htaccess

Si vous êtes comme la majorité des utilisateurs WordPress, il y a de fortes chances qu’Apache soit le serveur Web qui travaille discrètement pour vous en coulisses… Afin que le serveur Apache fournisse des contenus compressés, vous devez apporter quelques modifications à votre fichier .htaccess.

Avant toute chose, rappelons qu’une simple modification d’un fichier htaccess peut détruire votre site : aussi, il convient de créer tout d’abord un backup de ce fichier.

Vous ne savez pas comment procéder ? Pire, vous ignorez ce qu’est un fichier .htaccess ? Lisez ce récapitulatif très utile.

compression gzip wordpress

Vous devrez peut-être activer l’affichage des fichiers masqués sur votre client FTP.

Votre fichier .htaccess doit se trouver dans le dossier racine de votre site Web. Gardez à l’esprit qu’il s’agit d’un fichier dotfile, c’est-à-dire qu’il peut être masqué par défaut sur le serveur distant et votre propre machine (si vous copiez le fichier sur ce dernier). Vous rencontrez des problèmes à ce stade ? Ces liens fournissent des aperçus utiles sur la meilleure façon de traiter ces fichiers sous Windows et Mac.

Maintenant que vous travaillez sur une copie de votre fichier htaccess existant, ajoutez-y le code suivant :


AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype

# Pour les anciens navigateurs ne prenant pas en charge la compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Remplacez ensuite votre fichier htaccess existant par le nouveau (en prenant soin de toujours disposer d’une copie propre de votre fichier précédent, en cas d’urgence), puis revérifiez votre site. Si tout se passe bien, les merveilles de la compression devraient maintenant s’étaler devant vos yeux ébahis et ceux de vos utilisateurs !

Résumé de la compression Gzip

Les avantages Gzip en matière de vitesse de chargement des sites WordPress moyens sont nombreux. En procédant à l’activation de la compression Gzip sur WordPress, vous bénéficiez de l’une des améliorations clés mises à votre disposition. Ne pas effectuer cette activation serait une hérésie !

Récapitulons les étapes :

  1. Vérifiez que Gzip est actuellement activé sur votre site. Si c’est le cas, parfait !
  2. Si Gzip n’est pas activé, demandez à votre hébergeur de l’activer de son côté.
  3. Si modifier un fichier htaccess ne vous effraie pas, activez la compression Gzip à l’aide du code indiqué plus haut (en faisant attention).

Dernière chose… Nous n’avons pas évoqué de plugins capables d’activer la compression Gzip sur WordPress pour une simple raison : un tel plugin WordPress n’existe pas.

Vous avez réussi à activer la compression Gzip sur votre site, ou avez d’autres techniques à recommander ?

Image : Kinchan1 via Visual hunt / CC BY