Comment activer la compression GZIP sur WordPress ?

La compression GZIP permet à votre site de charger plus rapidement en réduisant la taille de vos fichiers envoyés au navigateur pour l’afficher aux utilisateurs.

Pour activer la compression GZIP sur WordPress, on peut utiliser une extension comme WP Rocket, ou le faire via l’ajout d’un code dans votre .httaccess ou la modification des paramètres de votre serveur.

Installez un plugin pour activer la compression GZIP WordPress

Comme je vous dis très souvent de ne pas installer beaucoup de plugins différents pour minimiser leur impact sur la vitesse de chargement de vos pages, celui permettant de compresser vos fichiers est une exception.

Les plugins vont vous permettre de gagner pas mal de temps sur les choses à faire au niveau de l’optimisation du chargement de vos pages.

Pour cela, le meilleur plugin est à mon humble avis WP Rocket (il est payant), mais il existe aussi :

• WP Super Cache, elle est gratuite. Pour activer la compression vous devrez cocher la case «  »Compresser les pages afin qu’elles soient servies plus rapidement aux visiteurs » dans les réglages avancés.
• W3 Total Cache est aussi gratuit. Vous pourrez l’activer via la section « Cache du navigateur » en choisissant « Activer ».

Activer la compression GZIP manuellement

Si vous êtes adepte du fait main, détestant surcharger votre site avec des plugins en pagaille, voici une méthode simple.

Ajoutez les lignes de code ci-dessous à votre fichier .htaccess à la racine de votre site :

<IfModule mod_deflate.c>
  # Compression des fichiers HTML, CSS, JavaScript, Textes, XML et de police
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
  # Supprimez les bogues du navigateur (nécessaire uniquement pour les navigateurs très anciens)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Ajustez ces lignes de code à la configuration de votre site.

Modifier votre serveur (utilisateurs avancés)

Vous pouvez activer la compression directement depuis votre serveur si vous êtes un utilisateur avancé. Si votre serveur est sous Nginx, ajoutez les lignes de code ci-dessous à votre fichier de configuration « nginx.conf » :

gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_vary on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;

Si vous ne savez pas ce que vous faites, évitez d’aller fouiller dans votre serveur.

Comment vérifier que la compression GZIP est active ?

Vérifiez la bonne implémentation de la compression sur votre site en utilisant des outils gratuits en ligne. Il vous suffira d’y entre l’URL de votre site pour vérifier si cela est effectif.

Voici deux outils connus :

• GiftOfSpeed
• Check GZIP Compression

Vous avez des difficultés ou avez rencontré des bugs après une manipulation ? Contactez moi en commentaires pour que je vous assiste.