Accélérez votre site WordPress avec la compression Gzip

compresser la feuille de style CSS avec Gzip

Faire en sorte que votre site Web fonctionne à pleine vitesse est essentiel. Un site Web rapide peut améliorer considérablement l’expérience utilisateur de votre site, la visibilité sur les moteurs de recherche et améliorer votre professionnalisme et votre fiabilité.

La compression Gzip est une méthode populaire pour accélérer votre site. Bien que le terme puisse sembler technique, le concept de base n’est pas trop compliqué. De plus, activer la compression Gzip sur votre site WordPress est étonnamment facile. Découvrons-en plus !

Une introduction à la compression Gzip

compresser la feuille de style CSS avec Gzip

Au fur et à mesure que votre site se développe, la taille de bon nombre de ses fichiers augmente également. C’est le résultat naturel de l’ajout de plus de contenu, de plugins, de thèmes et de code personnalisé à votre site. Toutes ces nouvelles données doivent être stockées quelque part.

L’inconvénient des fichiers plus volumineux est qu’ils prennent souvent plus de temps à se charger lorsque vos pages sont consultées. Cela signifie que vos visiteurs finiront par attendre plus longtemps pour voir votre contenu, ce qui n’est jamais une bonne chose. Pour résoudre ce problème, vous devez trouver un moyen de réduire la taille des fichiers de votre site sans perdre aucune information importante.

C’est exactement ce que fait la compression Gzip. Il réduit la taille de vos fichiers en les « compressant », en supprimant les caractères inutiles et en réorganisant les données plus efficacement.

Si vous avez déjà « zippé » un dossier pour le réduire, c’est un concept similaire. La compression Gzip peut réduire la taille globale de vos pages jusqu’à 70 %, et rien de crucial n’est perdu au cours du processus.

Recevez du contenu directement dans votre boîte de réception

Abonnez-vous à notre blog et recevez un excellent contenu comme celui-ci directement dans votre boîte de réception.

Comment activer la compression Gzip sur votre site WordPress (2 méthodes)

Il existe de nombreuses façons d’accélérer votre site WordPress. Par exemple, choisir un plan d’hébergement optimisé est essentiel. Cependant, la compression Gzip peut encore améliorer la vitesse de vos pages, il vaut donc la peine de l’implémenter.

Ci-dessous, nous vous montrerons deux façons de démarrer avec la compression Gzip. Gardez à l’esprit que la première chose que vous voudrez faire est de vous assurer d’avoir une sauvegarde récente de votre site en place par mesure de sécurité. Ensuite, vous pouvez lire les deux méthodes et choisir celle que vous préférez !

Méthode 1 : Utiliser un plugin

Vous pouvez avoir du mal à trouver un plugin de qualité exclusivement conçu pour implémenter la compression Gzip. Heureusement, vous n’en avez pas besoin. De nombreux plugins d’optimisation de la vitesse incluent une option pour la compression Gzip dans le cadre de leurs ensembles de fonctionnalités.

Pour un exemple parfait, consultez WP Super Cache :

Plugin WordPress WP Super Cache

Ce plugin est principalement une solution de mise en cache, qui est un autre moyen intelligent d’accélérer votre site WordPress. Cependant, il vous permet également de compresser vos fichiers.

Après avoir installé et activé le plug-in, vous devrez accéder à Paramètres > WP Super Cache et passez à la Avancé languette:

activation de la compression Gzip dans le plugin WordPress WP Super Cache

Trouvez l’option étiquetée Compressez les pages afin qu’elles soient servies plus rapidement aux visiteurs, et cochez la case à côté. Cliquez ensuite sur le État de mise à jour bouton pour enregistrer vos modifications.

C’est tout ce que vous avez à faire – le plugin implémentera désormais automatiquement la compression Gzip !

2. Modifiez votre fichier .htaccess

Bien que la technique ci-dessus soit le moyen le plus simple d’activer la compression Gzip sur votre site WordPress, certains utilisateurs seront plus intéressés par une méthode alternative. Par exemple, si vous essayez de limiter le nombre de plugins que vous installez sur votre site, vous préférerez peut-être implémenter la compression Gzip manuellement.

Pour ce faire, vous devrez utiliser le protocole de transfert de fichiers sécurisé (SFTP). Il vous permet d’accéder directement (et d’apporter des modifications) aux fichiers de votre site.

Si vous n’avez jamais utilisé SFTP auparavant, vous devez d’abord installer un client approprié, tel que FileZilla (et perfectionner vos compétences en SFTP). Ensuite, vous devrez établir une connexion à votre site en utilisant vos informations d’identification d’hébergement.

Une fois FileZilla configuré, il devrait ressembler à ceci :

édition de fichiers dans un client FTP

Dans le quadrant supérieur droit, recherchez le dossier nommé d’après le domaine de votre site Web et sélectionnez-le. Ensuite, dans le quadrant inférieur droit, recherchez le fichier appelé .htaccess. Il s’agit de l’un des fichiers de base de votre site, vous devez donc toujours être très prudent lorsque vous y apportez des modifications :

activation de la compression Gzip en modifiant la feuille de style CSS dans WordPress

Faites un clic droit sur le .htaccess fichier et sélectionnez Télécharger pour l’enregistrer sur votre ordinateur. Ouvrez ensuite le fichier dans n’importe quel éditeur de texte (tel que le Bloc-notes) et collez-y le code suivant :

<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>

N’oubliez pas d’enregistrer vos modifications dans le fichier. Après cela, vous pouvez le télécharger à nouveau sur votre site en le copiant et en le collant dans le dossier racine de votre site Web (ou simplement en le faisant glisser depuis votre ordinateur). Vous avez maintenant activé manuellement la compression Gzip sur votre site WordPress !

Notez que cette méthode est destinée aux sites Web avec des serveurs Apache. Si votre site fonctionne sur NGINX, nous vous recommandons de consulter ce didacticiel sur l’activation de la compression Gzip avec NGINX.

Accélérez votre site WordPress avec la compression Gzip

Il existe de nombreuses façons de vous assurer que votre site WordPress fonctionne rapidement et efficacement. Par exemple, vous voudrez choisir un plan d’hébergement optimisé avec une réputation de rapidité. Après cela, vous pouvez apporter de nombreuses modifications plus petites pour optimiser les performances de votre site, telles que l’utilisation de la compression Gzip pour réduire la taille des fichiers.

Faites plus, plus vite, avec DreamPress

Les mises à jour automatiques, la mise en cache et les solides défenses de sécurité de DreamPress vous libèrent de la gestion de WordPress afin que vous puissiez vous concentrer sur votre site Web.

Hébergement partagé