3 façons d'activer la compression GZip dans WordPress (site Web plus rapide)

Activer la compression gzip WordPress

L'une des choses que vous devez faire pour rendre votre site Web plus rapide est d'activer la compression WordPress Gzip. C'est un crucial aspect parce que simplement, si tu veux ton site pour être plus rapide, la taille des pages que vous devez servir à vos visiteurs doit être plus petite.

Voici à quoi ressemble l'avertissement Activer la compression Gzip sur GTMetrix:

avertissement gtmetrix

Voici essentiellement ce que cela fait:

il demande au serveur de compresser tous les fichiers avant de les envoyer à l'utilisateur. Comme les fichiers sont plus petits, ils prennent beaucoup less le temps d'être livré à l'utilisateur, ce qui se traduit par une expérience globale plus rapide pour votre utilisateur.

C'est une recommandation assez élevée sur Google PageSpeed ​​Insights et est suggéré sur les sites d'optimisation de sites Web tels que GTMetrix.

Rapport d'informations sur la vitesse de la page suggérant la compression des fichiers

Passons en revue tout le processus de vérification de l'activation de la fonction d'activation de la compression Gzip sur votre site. Nous vous montrerons ensuite 3 façons de l'activer ou de le désactiver si nécessaire. 

  1. Activer la compression WordPress Gzip via des fichiers .htaccess
  2. L'activer via un plugin de compression WordPress Gzip
  3. Compression de fichiers sur vos sites Web à l'aide de vos paramètres d'hébergement CPanel.

Vérifiez l'activation de la compression GZip

Avant de procéder à des modifications, vous voudrez probablement vérifier si la fonction de compression Activer Gzip de votre site est déjà activée pour votre site WordPress. 

Il existe de nombreux autres sites qui peuvent vérifiez si vous l'avez activé à l'aide de cet outil or Test de compression HTTP.

Rendez votre site Web plus rapide

Exécutez votre site via le test.

Vérifiez la compression gzip WordPress activée

Si vous l'avez déjà activé, vous n'avez rien à faire. Vous obtiendrez un bon résultat tel que celui ci-dessous qui vous montre que votre site Web. Sinon, lisez la suite.

 Résultat réussi

 

Vous pouvez également vérifier la compression GZIP à l'aide d'un plugin des mêmes personnes qui ont créé l'outil ci-dessus. Vous pouvez trouver le plugin ici

Sinon, si vous utilisez le navigateur Chrome, vous pouvez choisir de vérifier si l'en-tête GZIP Content Encoding est présent sur votre site.

Vous pouvez le vérifier à l'aide des outils de développement sous Affichage> Développeur> Outils de développement et basculer vers l'onglet Réseau. Si vous accédez à la première requête et faites défiler les en-têtes HTTP, vous verrez quelque chose comme ci-dessous si Activer la compression Gzip est déjà activé.

Les outils de développement Chrome acceptent le codage

Maintenant que vous avez déterminé comment le vérifier, nous allons vous montrer un certain nombre de façons de l'activer.

Comment activer la compression GZip

Il est très très simple d'activer la compression de vos fichiers à l'aide des fonctionnalités intégrées de votre serveur Web - en général, il vous suffit de connaître la syntaxe correcte pour activer la fonctionnalité.

Il existe en fait plusieurs façons de le faire, nous vous en montrerons donc quelques-unes et vous pourrez choisir celle que vous préférez ou qui vous convient le mieux. N'oubliez pas avant de faire des changements drastiques, il est recommandé de prendre un sauvegarde complète de WordPress

300x250Orange

1. Activez la compression WordPress Gzip via .htaccess

Un moyen simple d'activer la compression WordPress Gzip consiste à définir quelques directives dans votre fichier .htaccess.

Nous avons déjà vu des moyens d'optimiser la vitesse du site en tirant parti de la mise en cache du navigateur via votre fichier .htaccess, donc si vous êtes à l'aise avec votre fichier .htaccess, alors cette méthode est faite pour vous.

Assurez-vous d'avoir fait une sauvegarde de ce fichier, car toute petite erreur dans ce fichier endommagera votre site et le fera tomber instantanément. Faites une copie de votre version de travail actuelle avant de tenter toute modification afin de pouvoir y revenir en cas de problème après avoir activé la compression gzip.

Les options ci-dessous (et la plupart des options que nous allons utiliser) utilisent la fonctionnalité de mod_deflate qui est un module généralement activé sur les serveurs Web alimentés par le serveur Web Apache.

Ajoutez ce qui suit à votre fichier .htaccess, via CPanel / File Manager de votre serveur d'hébergement

# Texte compressif, html, javascript, css, xml: AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType texte DEFLATE / html AddOutputFilterByType DEFLATE text / xml AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType Application DEFLATE / rss + xml AddOutputFilterByType application DEFLATE / javascript AddOutputFilterByType application DEFLATE / x-javascript AddOutputFilterByType application DEFLATE / vnd.ms-fontobject AddOutputFilterByType application DEFLATE type / x-police AddOutputButput-application DEFLATE / x-police AddOutputButput-application -otf AddOutputFilterByType DEFLATE application / x-font-truetype AddOutputFilterByType DEFLATE application / x-font-ttf AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType DEFLATE application / x-font-ttf AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType DEFLATE image ml AddOutputFilterByType image DEFLATE / x-icon AddType x-font / otf .otf AddType x-font / ttf .ttf AddType x-font / eot .eot AddType x-font / woff .woff AddType image / x-icon .ico AddType image / png .png

Une fois que vous avez activé ce qui précède, exécutez à nouveau votre site via le test ci-dessus.

Bien sûr, si vous souhaitez désactiver la fonction, il vous suffit de supprimer les lignes ci-dessus du fichier htaccess. S'il y a d'autres fichiers que vous souhaitez compresser, vous devrez également ajouter ces types de fichiers dans une méthode similaire à celle ci-dessus. 

NGINX et IIS:

La syntaxe pour activer la compression GZip sur Nginx est un peu différente de celle pour Apache en utilisant .htaccess. Vous devrez ajouter le texte suivant à votre fichier nginx.conf, qui est l'équivalent du fichier .htaccess sur NGINX.

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

Dans IIS, c'est-à-dire le serveur Web qui fonctionne sur les machines Windows, il est préférable de le faire via l'interface IIS en utilisant ce guide de Microsoft.

2. Activation de la compression via un plugin WordPress GZip

Étant donné que vous essayez de rendre votre site Web plus rapide en activant la compression GZip, nous avons une excellente nouvelle pour vous.

Il existe un plugin WP Rocket - qui permet non seulement de compresser les fichiers pour les rendre plus petits, mais qui effectue des dizaines d'optimisations supplémentaires pour rendre votre site Web plus rapide. Parmi quelques choses qu'il gère bien:

  • Activez la compression GZIP (bien sûr!)
  • Activer la mise en cache du navigateur
  • Activez l'optimisation de l'image (pour rendre la taille de vos images plus petite et plus rapide)
  • Permet le chargement paresseux, de sorte que les images et autres images lourdes ne sont chargées que lorsqu'elles sont nécessaires (à la demande)
  • S'intègre à un CDN pour que les ressources lourdes puissent être servies plus efficacement
  • Supprime tous les plugins et tables anciens, morts ou inutilisés
  • Active la mise en cache des fichiers et des bases de données
  • et plein d'autres optimisations

Bien que l'activation de la compression GZIP ne soit pas visible dans la capture d'écran ci-dessous, elle est activée par défaut et complètement transparente dans WP Rocket. Voici un tas d'autres paramètres de tableau de bord que vous trouverez sur cet outil. 

WP Rocket

Le plugin n'est pas gratuit, mais cela vaut vraiment l'investissement dans la réalité car un site Web rapide est une expérience formidable, pas seulement pour vous, mais surtout pour vos visiteurs! Surtout, il est activé littéralement en quelques minutes et en quelques clics!

Mais avant de continuer, nous avons une petite histoire à partager. Jusqu'à il y a quelques mois, notre site Web n'était pas aussi rapide que nous le voulions. Nous publions très souvent du nouveau contenu, mais le site était un peu lourd, donc le chargement prenait un certain temps. Le chargement prend parfois 5 à 8 secondes ou plus.

Et nous n'avons pas été en mesure d'accélérer les choses, quoi que nous fassions.

Un beau jour, nous sommes tombés sur WP Rocket. Nous avions perdu tellement de temps à essayer de rendre le site rapide, que nous avons juste mordu la balle et obtenu le plugin. BOOM - la vitesse de chargement du site descend à sous 2 secondes!

(Mises à jour: La dernière mise à jour de Google a donné à notre site une augmentation de 30% du trafic organique - nous pensons que la plupart de cela provient de l'augmentation de la vitesse de notre site grâce à WP Rocket)

Visitez WP Rocket

Cela ne vous intéresse pas? Continuez à lire, il existe bien sûr d'autres moyens d'activer la compression Gzip!

Si vous voulez utiliser un moyen qui est peut-être less technique, vous pouvez utiliser un plugin de compression WordPress Gzip. En termes simples, plutôt que d'avoir à modifier des fichiers avec le risque de casser votre site si vous faites une erreur, un plugin facilite beaucoup l'activation de la compression Gzip.

Vous pouvez soit lancer une recherche Google pour plugin de compression wordpress ou alors optez pour le simple Compression de vitesse Gzip Ninja.

Comme pour tous les plugins WP, il s'agit d'une procédure assez simple pour installer et activer le plugin. Une fois que vous avez fait cela, votre site devrait maintenant avoir la compression WordPress Gzip activée

Plugin de compression WordPress gzip 

3. Activez la compression de page GZIP via CPanel

En plus d'activer la compression de page GZip au niveau de WordPress, vous pouvez choisir de le faire au niveau du serveur - si disponible. Cela signifie que tous les sites Web hébergés sur votre serveur seraient désormais entièrement activés par gzip. 

Voici les étapes exactes de la procédure:

  1. Connectez-vous au CPanel de l'hébergement de votre site Web
  2. Cliquez sur l'icône du site Web "Optimiser"
  3. Choisissez l'option "Compresser tout le contenu"
  4. Cliquez sur Mettre à jour les paramètres
  5. Testez la compression et vous avez terminé!

Voyons la procédure complète plus en détail et en utilisant des captures d'écran.

Recherchez l'icône "Optimiser le site Web" sur votre Cpanel et cliquez dessus.

Niveau du serveur de compression Gzip - Optimiser l'icône du site Web dans Cpanel

Une fois que vous êtes sur le site Web Optimize sur CPanel, vous pouvez choisir de "Compresser tout le contenu". Cela demande à votre serveur de compresser gzip le contenu avant de l'envoyer au visiteur. Bien sûr, si votre site WP est hébergé ici, vous pouvez être assuré que votre contenu est également compressé au gzip WordPress.

Gzip compresse tout le contenu

Comment désactiver la compression GZip

La désactivation de cette fonctionnalité est en grande partie une question d'inverser les modifications ci-dessus. Ainsi, vous pouvez soit supprimer tous les codes supplémentaires que nous avons ajoutés à nos fichiers de configuration, désactiver le plugin, ou désactiver la fonctionnalité de site Web Optimiser est notre CPanel.

Vous devrez ensuite réexécuter les tests pour vérifier si la compression des fichiers a été désactivée.

Pourquoi permettons-nous cela?

À titre d'information de base, jetons un coup d'œil à ce qui se passe dans les coulisses lorsqu'un visiteur arrive sur votre site Web et que le navigateur commence à parler au serveur Web du site Web.

Disons que vous venez sur www.collectiveray.com/index.ghtml- votre navigateur démarre une "conversation" avec le serveur Web en utilisant le protocole HTTP qui utilise les requêtes et les réponses.

Requête HTTP

  1. Navigateur utilisateur: Hé, puis-je ÉCONOMISEZ le fichier /index.html
  2. Serveur Web: OK, laissez-moi voir si index.html est disponible…
  3. Serveur Web: Oui, c'est ici (200 OK) Je suis sur le point de commencer à envoyer le fichier d'une taille d'environ 50 Ko.
  4. Navigateur utilisateur: 50 Ko? Ok je vais l'attendre… attendre, attendre… super, c'est chargé.

Comme vous pouvez l'imaginer, il s'agit d'une vue simpliste de ce qui se passe, mais si vous le souhaitez, vous pouvez utiliser les outils Chrome Dev décrits ci-dessus pour surveiller exactement ce qui se passe.

Cela fonctionne et vous obtenez votre fichier. Ce processus se produit encore et encore jusqu'à ce que vous obteniez tous les fichiers qui composent l'URL que vous avez demandée.

Mais bien que le système fonctionne, l'envoi de 50 Ko de texte n'est pas très efficace. Gardez à l'esprit que ce processus se produit plusieurs fois, probablement des centaines de fois pour chaque page que vous visitez. Et bien que 50 Ko ne semblent pas beaucoup, l'effet cumulatif de l'envoi de tous les différents fichiers commence à s'accumuler. (Notez que des protocoles tels que HTTP / 2 ont considérablement amélioré ce processus)

Téléchargez la liste des 101 astuces WordPress que tout blogueur devrait connaître

101 astuces WordPress

Cliquez ici pour télécharger maintenant

À vrai dire, la plupart des textes tels que les fichiers HTML, CSS et JS d'un site Web sont inefficaces dans leur nature car ils sont lisibles par l'homme et conçus pour la consommation à la fois pour les humains et les machines - mais ils ne sont pas du tout maigres ou efficaces à l'état brut. forme.

Alors, que pouvons-nous faire pour améliorer ce processus? Zip, bien sûr! La compression est essentiellement le processus d'encodage du fichier de manière à réduire la taille du texte à envoyer, sans perdre aucune des informations qu'il contient.

Et en envoyant une version compressée des fichiers que nous devons envoyer, nous économisons à la fois sur la bande passante et le temps de téléchargement. Le navigateur décompresse ou décompresse ensuite le fichier et l'affiche à l'utilisateur, qui est plus heureux, car la page se charge rapidement.

Voyons à quoi ressemble la nouvelle conversation entre le serveur Web:

Requête HTTP compressée 

  1. Navigateur utilisateur: Hé, puis-je ÉCONOMISEZ le fichier index.html? Je serais ravi d'utiliser une version compressée si vous en avez une
  2. Serveur Web: Ok, laissez-moi voir si index.html est disponible…. Je vous enverrai alors une version compressée!
  3. Serveur Web: Oui, c'est ici (200 OK) Je suis sur le point de compresser le fichier d'environ 5 Ko. Terminé, sur le point de commencer à l'envoyer. 
  4. Navigateur utilisateur: génial! C'est seulement 15 Ko. Je vais le décompresser et l'afficher à l'utilisateur.

Comme nous l'avons souligné à plusieurs reprises et dans divers articles, des petites pages qui se chargent rapidement = utilisateurs satisfaits!

La formule est simple: fichier plus petit = téléchargement plus rapide = utilisateur heureux.

Détails d'encodage

La partie importante de cet échange ou de cette conversation entre le navigateur de l'utilisateur et le serveur est de comprendre qu'il est bien de fournir un fichier compressé. Le contrat ou l'accord comporte deux parties

  • La le navigateur envoie un en-tête qui montre au serveur Web que le navigateur accepte le contenu compressé (gzip et deflate sont deux schémas de compression couramment disponibles): Accept-Encoding: gzip, deflate

  • La le serveur Web envoie une réponse s'il envoie du contenu réellement compressé: Content-Encoding: gzip

Le serveur peut ne pas envoyer réellement l'en-tête de réponse de codage de contenu, ce qui signifie que le fichier n'a pas été compressé (il s'agit du comportement par défaut sur la plupart des serveurs). L'en-tête «Accept-encoding» est juste le navigateur qui demande qu'il accepte les fichiers compressés, pas une demande. Si le serveur n'a pas activé cette fonctionnalité ou ne souhaite pas renvoyer de contenu compressé, le navigateur utilisera la version non compressée standard.

Foire aux Questions

Qu'est-ce que la compression?

La compression Gzip ou Broltli est le processus d'encodage des fichiers à envoyer du serveur Web au navigateur d'un visiteur de manière à les rendre plus petits (et donc plus rapides) à livrer à l'utilisateur final. Le temps nécessaire au serveur pour compresser ce contenu et au navigateur pour décompresser ce contenu est généralement beaucoup plus petit que le temps gagné grâce à la taille plus petite. En effet, les connexions Internet ont une latence beaucoup plus importante (impact sur les performances), puis le temps processeur nécessaire pour compresser / décompresser le contenu.

Dois-je activer la compression GZIP?

Oui, vous devez activer la compression GZip pour votre site Web. Cela nécessite très peu d'intervention ou de changements, est très facile à mettre en œuvre, a peu d'impact sur le contenu de votre site Web mais fournit une mise à niveau massive des performances de la vitesse de votre site Web.

Comment activer la compression GZIP dans CPanel?

Pour activer la compression GZip dans CPanel, recherchez simplement la fonction «Optimiser le site Web» et activez «Compresser tout le contenu».

Comment tester la compression GZip?

Pour tester la compression GZip, visitez simplement l'un des sites Web visités dans cet article. Ceux-ci vérifieront si GZip est activé sur votre site Web ou non.

Emballage en place 

Ce n’était qu’un des nombreux conseils WordPress disponibles sur CollectiveRay.

Vous pouvez facilement réaliser des économies incroyables en activant la compression gzip WordPress, comme vous pouvez le voir, nous avons réalisé jusqu'à 81% d'économies sur la taille des fichiers. C'est un excellent moyen de rendre votre site Web beaucoup plus rapide. Si vous souhaitez prendre la solution de facilité, au lieu de gâcher les fichiers et les codes, nous vous recommandons d'opter pour un plugin tel que WP Rocket.

Découvrez comment WP Rocket rend votre site Web plus rapide

À propos de l’auteur
David Attar
David travaille dans ou autour de l'industrie en ligne et numérique depuis 21 ans. Il possède une vaste expérience dans les secteurs des logiciels et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. Il a travaillé avec des agences de développement de logiciels, des éditeurs de logiciels internationaux, des agences de marketing locales et est désormais responsable des opérations marketing chez Aphex Media, une agence de référencement. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plateformes numériques disponibles aujourd'hui. Son mélange d'expertise technologique combiné à un fort sens des affaires confère un avantage concurrentiel à ses écrits.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Veuillez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...