Comment activer la compression GZIP pour WordPress

Un site Web lent peut créer beaucoup de problèmes. Cela peut faire fuir les visiteurs et les clients potentiels, nuire à l'expérience utilisateur (UX) de votre site et même avoir un impact sur votre réputation.

Diminuer la taille des pages de votre site Web est essentiel pour améliorer les vitesses de chargement. Heureusement, la compression GZIP est une excellente méthode pour accélérer le chargement des pages et réduire la taille des fichiers.

Dans ce guide, nous examinerons les bases de la compression GZIP, y compris ce qu'elle est et ce qu'elle fait. Nous détaillerons ensuite comment activer la compression GZIP sur un site WordPress. Allons droit au but !

Qu'est-ce que la compression GZIP ?

La compression GZIP est un type de compression de données similaire à ZIP et RAR. Il peut être utilisé pour compresser tous les fichiers de votre site Web, qu'il s'agisse de texte, HTML, CSS, JavaScript ou XML.

La compression GZIP se produit avant que les fichiers ne soient servis aux navigateurs Web de vos visiteurs. Grâce à cette méthode, la compression GZIP réduit la taille des fichiers, ce qui peut avoir un effet positif sur les temps de chargement du site Web.

Que fait la compression GZIP ?

Lorsqu'un visiteur arrive sur votre site Web, son navigateur demande les fichiers du site à son serveur. Votre serveur compressera ces fichiers avant de les envoyer au navigateur. La compression GZIP est une méthode de compression de fichiers parmi d'autres.

Les fichiers compressés sont transférés plus rapidement que les fichiers non compressés. Cela contribue à améliorer les performances du site Web et les vitesses de chargement - et, par conséquent, l'optimisation des moteurs de recherche (SEO).

Comment voir si la compression GZIP est activée

La compression GZIP est populaire et de nombreuses plates-formes d'hébergement WordPress l'activent par défaut. Si vous ne savez pas comment vérifier si la compression GZIP fonctionne sur votre site, vous pouvez la tester à l'aide de solutions tierces ou d'outils de développement intégrés au navigateur.

Si la compression GZIP n'est pas activée, vous verrez généralement des avertissements dans des outils tels que GTmetrix. Vous pouvez également utiliser un outil de compression GZIP pour voir si votre site Web utilise la compression GZIP.

Il est également possible de vérifier si la compression GZIP fonctionne en utilisant les outils de développement du navigateur. Lorsqu'il est activé, l'en-tête de réponse inclura "content-encoding: gzip":

Pour trouver l'en-tête de réponse dans Chrome, vous devrez ouvrir DevTools et accéder à Réseau , puis recharger la page. Cliquez sur le nom qui correspond à votre site Web et l'en-tête de réponse s'ouvrira.

Comment activer la compression GZIP sur WordPress

Tous les sites Web sur WP Engine utilisent la compression GZIP par défaut. Tous les fichiers statiques, y compris les fichiers texte, les images, CSS et JavaScript, sont automatiquement compressés pour des performances optimales du site Web. Cette compression automatique réduit le besoin de directives GZIP dans votre fichier .htaccess .

Cependant, tous les sites Web WordPress ne sont pas hébergés sur WP Engine et ne bénéficieront pas de l'activation par défaut de la compression GZIP. Si votre site Web est hébergé sur une plate-forme différente, vous devrez peut-être activer la compression GZIP manuellement. Il existe plusieurs façons de procéder, que nous verrons ensuite.

Activer la compression GZIP avec un plugin

Le moyen le plus simple d'activer la compression GZIP consiste à utiliser un plugin de mise en cache. Des outils tels que WP Rocket permettent la compression en ajoutant du code à votre fichier .htaccess pour vous, tandis que d'autres tels que W3 Total Cache vous demanderont d'ajouter manuellement ce code.

Bien qu'il s'agisse généralement de la méthode la plus simple pour ajouter la compression GZIP, cela implique l'ajout d'un plugin supplémentaire à votre site. Si vous essayez de garder votre bibliothèque de plugins légère, vous pouvez utiliser l'une des solutions suivantes à la place.

Activer la compression GZIP pour Nginx

Si votre site Web utilise Nginx, il existe un extrait de code que vous pouvez utiliser pour activer la compression GZIP. Vous devez placer l'extrait de code ci-dessous dans le fichier nginx.conf de votre site, dans la section "http". Vous pouvez également placer cet extrait de code dans le bloc de configuration du serveur ou de l'emplacement, mais la section http est généralement recommandée :

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

Une fois que vous avez enregistré et fermé le fichier, vous devrez redémarrer Nginx. Pour ce faire, utilisez la commande suivante :

sudo service nginx restart

Après le redémarrage, vérifiez que la compression GZIP est active, en utilisant les méthodes décrites précédemment.

Activer la compression GZIP pour Apache (en modifiant le fichier .htaccess)

Si votre hébergeur utilise Apache, vous devrez modifier le fichier .htaccess pour activer la compression GZIP. Ce fichier se trouve dans le répertoire racine de votre installation WordPress, via File Transfer Protocol (FTP) ou votre gestionnaire de fichiers. La plupart des méthodes de compression WordPress GZIP nécessiteront la modification du fichier .htaccess .

Il existe deux mods Apache que vous pouvez utiliser pour activer GZIP, mais mod_deflate est l'option la plus largement prise en charge et la mieux documentée. Pour activer mod_deflate , ajoutez :

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
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

# Remove browser bugs (only needed for really old browsers)
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>

Pour activer mod_gzip à la place, ajoutez :

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Avant d'utiliser l'un ou l'autre mod, vous devez faire une sauvegarde de votre fichier .htaccess et vous assurer que le module mod_filter est sur votre serveur, sinon une erreur 500 peut se produire.

Continuez à apprendre avec WP Engine

La réduction de la taille des pages de votre site Web peut réduire les temps de chargement et améliorer les performances globales. La compression GZIP peut permettre cette réduction, mais uniquement lorsqu'elle est activée.

Heureusement, chez WP Engine, nous activons la compression GZIP par défaut. De plus, nous proposons des ressources exceptionnelles pour vous aider à apprendre à créer une expérience numérique exceptionnelle pour vos visiteurs !