Brotli vs Gzip : quelle compression est la meilleure pour WordPress ?

Compression Brotli contre Gzip ? Découvrez quel outil de compression est le meilleur.

En ce qui concerne les performances du site Web, la barre est haute. L'un des facteurs qui déterminent un bon site Web est sa vitesse. De nos jours, les sites Web sont remplis d'images, de vidéos et de scripts, ce qui signifie qu'ils nécessitent plus de temps pour se charger.

Néanmoins, les propriétaires de sites Web qui souhaitent rester compétitifs doivent éviter les pages à chargement lent. Vos visiteurs quitteront votre site s'ils doivent attendre ne serait-ce que quelques secondes supplémentaires. Pour éviter cela, vous devez réduire le temps de chargement de votre site Web.

L'un des moyens d'améliorer la vitesse de votre site consiste à compresser les données. Cette technique économise de l'espace de stockage et augmente la vitesse. Dans cet article, nous expliquerons ce qu'est la compression de données. Nous comparerons également deux algorithmes de compression majeurs - Gzip et Brotli.

Contenu:

• Qu'est-ce que la compression des données ?
• Compression Brotli vs Gzip - Les bases
  • Compression Gzip
  • Brotli Compression
• Test de référence pour la compression Brotli et Gzip
• Comment tester votre site Web pour Brotli et Gzip
• Activer la compression Brotli dans WordPress
• Conclusion

Qu'est-ce que la compression des données ?

La compression des données est le processus de réduction des fichiers Web à l'aide d'un algorithme de compression . La compression peut être avec ou sans perte. En compression avec perte, la qualité des données peut diminuer. La compression sans perte réduit la taille des fichiers Web sans affecter leur qualité.

Voici pourquoi la compression est importante ; lorsque vous entrez une URL dans votre navigateur Web, il envoie une requête au serveur Web. Le serveur est responsable de la récupération et de l'affichage des données sur les navigateurs Web.

Après réception de la demande, les fichiers doivent être téléchargés et affichés en quelques secondes. Si un site Web prend plus de 3 à 5 secondes pour se charger, cela augmente les taux de rebond. Plus il y a de données à envoyer, plus le temps de chargement de la page est long.

La compression des données tente d'éliminer ce problème en réduisant la taille des fichiers du site Web. En conséquence, votre site utilise moins de bits et se charge plus rapidement. De nombreux navigateurs Web acceptent un ou deux des algorithmes de compression les plus populaires - Brotli et Gzip.

Compression Brotli vs Gzip - Les bases

Voici une introduction rapide aux deux outils de compression.

Compression Gzip

Gzip est un logiciel de compression utilisé pour réduire la taille des fichiers Web. Le logiciel est sorti le 31 octobre 1992 et est basé sur l'algorithme DEFLATE. Ce format détecte et supprime les caractères en double des fichiers Web. Il s'agit d'une compression de données sans perte qui combine l'algorithme LZ77 et l'algorithme de codage Huffman.

L'algorithme LZ77 fonctionne en détectant les données répétées et en les remplaçant par des tuples pour compresser les données brutes. Pour compresser davantage les données, l'algorithme de codage Huffman attribue des caractères récurrents avec le plus petit nombre de bits. Ensuite, les caractères rares/uniques ont le plus grand nombre de bits.

Gzip a été conçu comme une bibliothèque de compression polyvalente. Il prend les données sous leur forme brute et les compresse sans perte. Les principaux navigateurs Web prennent en charge Gzip et de nombreux hébergeurs le proposent, il est donc probable que votre site l'utilise déjà.

Brotli Compression

Il s'agit d'un autre algorithme de compression de données populaire. Brotli a été créé en 2013 par des ingénieurs logiciels de Google et devient rapidement la méthode de compression la plus utilisée dans le monde. Ce n'est pas une surprise ; contrairement à Gzip, Brotli a été conçu pour compresser les flux, ce qui en fait un meilleur choix pour les serveurs Web.

De plus, Brotli est polyvalent et sans perte. En conséquence, tout type de fichier peut être compressé efficacement sans perdre aucune information. Brotli est livré avec une large gamme de support et est gratuit.

Test de référence – Compression Brotli vs Gzip

Voici la grande question : quel est le meilleur, Brotli ou Gzip ? Pour répondre à cela, vous devez comprendre ce qu'implique la compression, c'est-à-dire son rapport et sa vitesse.

Le taux de compression décrit la différence entre un fichier avant et après sa compression. D'autre part, la vitesse de compression fait référence au temps nécessaire pour compresser ou décompresser un fichier. En utilisant ces informations, comparons Gzip et Brotli.

Gzip peut réduire les fichiers de site Web jusqu'à 80 %. Ce taux est impressionnant, mais d'autres outils comme Brotli ont un meilleur taux de compression. L'analyse comparative entre Brotli et Gzip a révélé les résultats suivants :

• Fichiers HTML 21 % plus petits que Gzip
• Fichiers CSS 17 % plus petits que Gzip
• Fichiers JavaScript 14 % plus petits que Gzip

Vous pourriez être tenté de conclure que Brotli est mieux basé sur ces données. Bien que Brotli se comprime mieux, cela a un coût. Brotli prend plus de temps à compresser par rapport à Gzip et la vitesse est également une mesure importante.

Alors que Brotli a un meilleur taux de compression, Gzip prend la tête en termes de vitesse de compression.

De plus, les deux outils de compression ont des niveaux de compression différents. Les niveaux affectent directement le taux de compression et la vitesse.

Augmenter le niveau de compression augmentera le taux de compression. Cependant, cela ralentira tout le processus. Donc, si vous avez besoin d'une vitesse de compression plus élevée, vous devez réduire le niveau avec lequel vous compressez. Cela fonctionne vice-versa.

En termes de popularité et de nombre d'utilisateurs, Gzip est au top. Brotli n'a été créé qu'en 2013, tandis que Gzip existe depuis 1992. Bien que Brotli soit relativement nouveau, il se développe rapidement et devient un standard pour les hébergeurs.

Comment tester votre site Web pour la compression Brotli et Gzip

Il existe deux façons de vérifier si votre page Web utilise des algorithmes de compression. Nous discuterons des deux.

Utiliser un outil en ligne

C'est le moyen le plus simple de vérifier si votre site Web WordPress est compatible avec Gzip ou Brotli. Pour ce didacticiel, nous utiliserons les outils de test de compression de giftofspeed.com. Cet outil est simple à utiliser et fournit également des informations supplémentaires sur votre site Web.

Pour commencer, saisissez l'URL de votre site dans le champ de texte fourni, puis cliquez sur le bouton Tester l'URL à côté. Vous obtiendrez le résultat presque immédiatement. C'est aussi simple que ça.

Utilisation de l'outil de développement de votre navigateur - Brotli vs Gzip

Une autre façon de tester votre site consiste à utiliser les outils de développement disponibles dans votre navigateur Web. Pour ce didacticiel, nous utiliserons Chrome, mais il fonctionnera également avec les autres principaux navigateurs.

Pour commencer, accédez au site Web que vous souhaitez tester, puis cliquez avec le bouton droit n'importe où sur la page et sélectionnez Inspecter .

Dans le menu développeur, cliquez sur l'onglet Réseau . Ici, vous verrez diverses mesures sur la page que vous consultez actuellement. Si rien ne s'affiche, vous devrez peut-être recharger la page.

Ensuite, faites défiler jusqu'au premier enregistrement contenant votre nom de domaine et cliquez dessus. Après cela, passez à l'onglet En -têtes . Faites défiler jusqu'à la section "En-têtes de réponse" et localisez l'en-tête "encodage de contenu". Si vous voyez « br », cela signifie que Brotli est actif sur le site Web.

Sinon, si vous voyez "gzip", cela signifie que la compression Gzip est active sur votre site.

Activer la compression Brotli ou Gzip sur les sites Web WordPress

Il existe trois façons d'activer la compression des données dans WordPress. Vous pouvez installer manuellement l'algorithme sur votre serveur si vous avez un accès administrateur au panneau de contrôle. Cependant, cette approche nécessite une certaine expérience en programmation.

Vous pouvez également l'activer à partir de votre tableau de bord d'hébergement (si votre hébergeur le prend en charge). Un plugin WordPress peut également être utilisé pour l'activer pour votre site Web.

Avant de commencer, vous devez sauvegarder votre site Web afin d'avoir une version à rétablir en cas d'erreur. Cela dit, voici 2 façons d'activer la compression des données dans WordPress.

Utiliser un plugin de mise en cache WordPress

WordPress a de nombreux plugins qui vous permettent d'ajouter une fonctionnalité de mise en cache à votre site Web. Cependant, tous les plugins de mise en cache ne vous permettront pas d'activer la compression Brotli, alors recherchez attentivement le plugin que vous utiliserez.

Pour ce tutoriel, nous utiliserons le plugin W3 Total Cache. Pour installer ce plugin, allez dans Plugins >> Ajouter un nouveau fichier . Dans la barre de recherche, tapez le nom du plugin, puis cliquez sur Installer maintenant à côté du nom du plugin. Le bouton devient "Activer" une fois l'installation terminée. Cliquez dessus pour activer le plugin. Vous pouvez lire notre article sur comment installer un plugin WordPress.

Une fois installé, allez dans Performances >> Cache du navigateur pour ouvrir la page Paramètres du plugin.

Dans l'onglet "Général", localisez la section de compression des données. La compression sera définie sur Gzip par défaut. Si vous préférez utiliser la compression gzip, vous pouvez laisser les paramètres tels quels. Sinon, vous devez la décocher et cocher la case à côté de "Activer la compression HTTP (brotli)".

Après cela, faites défiler vers le bas et cliquez sur Enregistrer tous les paramètres et purger le cache .

De même, les fichiers CSS et JS, HTML et XML et multimédia doivent également être configurés pour être compressés.

Vous pouvez accéder à la section souhaitée à l'aide du menu. Une fois que vous avez sélectionné un algorithme de compression, cliquez sur le bouton Enregistrer les modifications et purger le cache .

Supporter l'hébergeur Web

Un hébergeur Web qui offre une compression de données prête à l'emploi est un autre moyen simple d'activer l'algorithme. Contactez votre fournisseur d'hébergement pour savoir s'il propose une compression et indiquez-lui le niveau de compression souhaité.

Si votre hébergeur n'offre pas de compression de données, vous pouvez utiliser la méthode de plugin ci-dessus. Sinon, vous devrez peut-être mettre à niveau votre hébergement Web. Vous pouvez consulter notre avis sur les meilleurs fournisseurs d'hébergement WordPress.

Si votre site Web utilise le CDN Cloudflare, vous pouvez facilement activer Brotli pour votre site. Pour cela, connectez-vous au compte de votre site depuis le tableau de bord Cloudflare. Ensuite, allez dans l'onglet Vitesse et sélectionnez Optimisation . Là, vous pouvez basculer le commutateur Brotli sur On .

Maintenant, votre site Web WordPress utilisera Brotli pour gérer la compression.

Remarque : vous devez connecter votre site Web à Cloudflare avant de pouvoir utiliser l'outil de compression. Nous avons un guide détaillé sur la façon d'intégrer Cloudflare à WordPress .

Conclusion – Brotli contre Gzip

En fin de compte, la compression aide votre site WordPress à se charger plus rapidement car elle réduit la taille du fichier. Gzip et Brotli aident à compresser les fichiers de votre site Web.

Alors que Gzip est plus ancien et bien connu, Brotli compresse mieux. Cependant, il nécessite également un peu plus de temps pour se compresser que Gzip. Même ainsi, Brotli est plus moderne et donnerait le plus souvent de meilleurs résultats.

En fin de compte, votre objectif est d'offrir à vos utilisateurs la meilleure expérience sur votre site Web, quel que soit l'outil que vous utilisez. Par conséquent, vous pouvez tester les deux algorithmes pour les besoins uniques de votre site Web et exécuter un test de vitesse sur chacun.

Pour plus de conseils sur l'optimisation du site Web, vous pouvez consulter notre guide d'optimisation de la vitesse. Consultez également le reste de notre blog pour d'autres tutoriels WordPress.