Maison > Tutoriel CMS > WordPresse > Mesurer les effets de la compression de Brotli sur WordPress

Mesurer les effets de la compression de Brotli sur WordPress

Christopher Nolan
Libérer: 2025-02-10 08:38:09
original
798 Les gens l'ont consulté

Compression Brotli: un outil puissant pour améliorer les performances du site Web WordPress

Points de base:

  • Brotli, un nouvel algorithme de compression lancé par Google, peut améliorer considérablement les performances du site Web WordPress en réduisant la taille du fichier et en accélérant le chargement.
  • L'installation et la configuration de Brotli sur un serveur peuvent être plus compliquées car elles n'ont pas été officiellement publiées sur des serveurs Web populaires et nécessitent une configuration manuelle pour être entièrement intégrée à WordPress.
  • Le rapport de compression de Brotli est 20 à 26% plus élevé qu'un autre algorithme de compression moderne, GZIP, entraînant des fichiers plus petits et des vitesses de chargement plus rapides.
  • Bien que Brotli ait de nombreux avantages, tous les navigateurs ne le prennent pas en charge et ne peuvent être utilisés que sur HTTPS, qui peuvent présenter à certains utilisateurs des défis d'adoption.

WordPress est devenu un excellent CMS avec de nombreux avantages tels que la facilité d'utilisation, le fort support communautaire et la configurabilité. Cependant, l'un des défis auxquels les utilisateurs de WordPress sont souvent confrontés sont les problèmes de performances du site Web. Cet article explorera la compression de Brotli et son impact sur les performances WordPress.

Avertissement: Je travaille pour Keycdn, certains de leurs articles et outils sont cités ici.

Il existe de nombreux articles sur "accélérer WordPress" en ligne, qui fournissent de nombreuses façons d'améliorer la vitesse de chargement du site Web, y compris l'optimisation avec les plugins. Cependant, depuis que Google a publié son dernier algorithme de compression, Brotli, les données collectées ne sont pas suffisantes pour déterminer les gains de performances qu'il apportera pour activer les sites WordPress.

Dans cet article, nous mesurerons l'effet de la compression de Brotli en testant les performances WordPress dans trois scénarios différents:

  1. Activer WordPress de GZIP
  2. Activer WordPress pour Brotli
  3. Activer Brotli WordPress pour CDN compatible Brotli

Qu'est-ce que la compression Brotli?

Brotli (nommé d'après un produit de boulangerie suisse) est un algorithme de compression relativement nouveau publié par Google en 2015. Selon Google, la compression de Brotli utilise une combinaison de variantes d'algorithmes LZ77 modernes, de codage Hoffmann et de modélisation de contexte de second ordre.

Google a effectué divers tests à l'aide de l'algorithme de compression Brotli et a comparé les résultats avec d'autres algorithmes de compression modernes. Selon cette étude, Google a constaté que Brotli est 20-26% plus élevé en compression que ZOPFLI, un autre algorithme de compression moderne. En termes de performances, plus la compression de fichiers est petite, elle est toujours la bienvenue.

Installez et configurez Brotli sur le serveur

Un petit inconvénient de Brotli est qu'il n'a pas encore été officiellement publié sur des serveurs Web populaires. Cela signifie que si vous souhaitez activer Brotli sur votre serveur dès aujourd'hui, vous devrez effectuer un travail de configuration. Les tests de performances de Brotli suivants sont tous effectués sur Ubuntu 16.04.2 LTS exécutant Nginx ( Besoin de savoir comment utiliser nginx? Veuillez vérifier le site de cours avancé SitePoint "Accélérer le site Web avec Nginx" ). Ci-dessous, nous expliquerons pas par étape comment exécuter Brotli sur le même système d'exploitation et serveur Web.

Ubuntu 16.04 est la première distribution Ubuntu qui vous permet d'installer Brotli à l'aide d'APT-get. Pour ce faire, il suffit de courir:

$ apt-get update && apt install brotli
Copier après la connexion
Copier après la connexion

Une fois que vous avez terminé, vous devez installer le module Nginx pour la compression de Brotli et compiler la dernière version de Nginx (la version actuelle est 1.13.0):

$ apt-get update && apt install brotli
Copier après la connexion
Copier après la connexion

Brotli doit désormais être installé correctement sur votre serveur. Ensuite, vous devez configurer le fichier nginx.conf pour spécifier les directives de configuration requises. Les instructions suivantes sont utilisées pour ces tests de performance; cependant, vous pouvez les modifier au besoin.

Paramètres de brotli

$ git clone --recursive https://github.com/google/ngx_brotli ngx_brotli

$ wget http://nginx.org/download/nginx-1.13.0.tar.gz
$ tar zxvf nginx-1.13.0.tar.gz
$ cd nginx-1.13.0

$ ./configure --add-module=../ngx_brotli
$ make && make install
Copier après la connexion

La liste complète des instructions peut être trouvée sur la page GitHub du module Nginx.

Étant donné que le fichier nginx.conf est modifié, la dernière étape consiste à recharger nginx. Pour ce faire, exécutez la commande suivante:

brotli on;
brotli_comp_level 3;
brotli_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
Copier après la connexion

Tester la prise en charge de Brotli

Brotli doit désormais être installé et configuré sur votre serveur. Pour vérifier cela, vous pouvez choisir parmi deux méthodes.

  1. Utilisez l'outil de test Brotli, qui vérifiera si le serveur prend en charge Brotli en fonction du nom de domaine. Measuring the Effects of Brotli Compression on WordPress
  2. Utilisez Chrome Browser, ouvrez les outils de développeur Chrome et accédez à l'onglet réseau. Actualisez la page et sélectionnez une ressource. Vous devriez voir que la valeur du codage de contenu est désormais BR, représentant Brotli. Measuring the Effects of Brotli Compression on WordPress

Configurez Brotli pour travailler avec WordPress

À ce stade, vous devriez être en mesure de livrer correctement les ressources WordPress à l'aide de la compression Brotli. Cependant, si vous vérifiez les détails de l'en-tête de demande du document HTML, vous pouvez remarquer que la valeur de codage de contenu est toujours "GZIP". En effet, le code PHP WordPress repose sur le paramètre PHP zlib.output_compression "ON".

Malheureusement, il est actuellement impossible de modifier ce paramètre à l'aide de filtres WP. Cependant, avec la popularité de Brotli, WordPress peut introduire des correctifs simples. Actuellement, vous devez désactiver manuellement Zlib.output_compression en modifiant le fichier php.ini (ou situé dans /etc/php/7.0/fpm/php.ini si vous utilisez PHP 7.0). Définissez simplement zlib.output_compression sur OFF et redémarrez PHP à l'aide de SystemCTL Redémarrer PHP7.0-FPM.Service.

Maintenant, lors de la vérification du document HTML pour votre site Web, vous devriez pouvoir voir la valeur d'en-tête de codage de contenu BR.

Measuring the Effects of Brotli Compression on WordPress

Traitement du test de performance Brotli sur WordPress

Comme mentionné ci-dessus, nos tests de performances de Brotli sont effectués dans trois scénarios différents.

  1. Activer WordPress de GZIP
  2. Activer WordPress pour Brotli
  3. Activer Brotli WordPress pour CDN compatible Brotli

Les niveaux de compression Brotli et GZIP sont tous deux définis sur "3". Le niveau de compression peut être modifié en fonction de la quantité d'économies de fichiers et du temps de compression que vous aimez. Chaque test utilise une installation WordPress normale exécutant le thème "2017". Par défaut, ce sujet charge 14 ressources et transferts 236 Ko de données.

Il convient de noter que toutes les ressources du site Web de test ci-dessus ne sont pas compressibles. Par exemple, les images ne sont ni compressées par GZIP ni par Brotli, ni par aucune ressource tierce (comme les polices) sont compressées par Brotli. Par conséquent, la base de référence de la taille totale de toutes les ressources compressées à l'aide de GZIP est de 84,7 Ko. Pour considérer la variation du temps de chargement, nous avons effectué trois rafraîchissements durs sur chaque page et calculé le temps de chargement moyen pour chaque scénario de test. De cette façon, toutes les ressources seront chargées à partir du serveur, pas à partir du cache du navigateur.

Le tableau suivant décrit les résultats de la vitesse de chargement et de la taille des ressources compressées.

WordPress Gzip WordPress Brotli WordPress Brotli CDN
加载速度 780 ms 690 ms 630 ms
压缩大小 84.7 KB 81.7 KB 81.7 KB

Comme le montrent les résultats, les deux méthodes de compression Brotli ont des temps de chargement plus rapides que GZIP et ont des tailles de compression plus petites. Bien que la différence de taille de page ne soit pas significative, n'oubliez pas que ces tests ont été effectués sur une installation WordPress à métal nu. Pour les sites qui disposent de nombreuses ressources, une petite quantité d'économies sur plusieurs ressources s'accumulera sûrement.

De plus, à des fins de test, nous définissons les deux méthodes de compression au plus haut niveau pour observer les différences de taille des ressources compressibles. Les résultats sont les suivants:

  • Brotli 11 - Taille de la compression: 67,7 Ko
  • GZIP 9 - Taille de la compression: 76,7 Ko

Bien que la définition du niveau de compression au maximum dans les deux cas ne soit probablement pas nécessaire (car le temps de compression est beaucoup plus long), il convient de noter que la taille des ressources compressible du site Web de Brotli est supérieure à celle du site Web de GZIP. % plus petit.

Brotli Support Status

Brotli n'est pas universellement pris en charge par tous les navigateurs, bien que de nombreux navigateurs populaires le soutiennent actuellement (en mai 2017).

Measuring the Effects of Brotli Compression on WordPress https://www.php.cn/link/fc5f86251458722c799d1830fa0c2c1f

Quant à la prise en charge du serveur, les serveurs Web les plus populaires offrent des modules officiels ou créés par la communauté. Comme indiqué dans le processus d'installation de cet article, les utilisateurs de Nginx doivent installer l'extension et utiliser la prise en charge de Brotli pour compiler Nginx. De même, les utilisateurs d'Apache peuvent utiliser le module mod_brotli pour fournir du contenu compressé Brotli.

Avantages et inconvénients de Brotli

Comme n'importe quoi, l'utilisation de Brotli a ses avantages et ses inconvénients. Voici quelques points à considérer.

pros

  • Résultats de compression plus petits
  • Temps de chargement plus rapide
  • Par rapport à GZIP, le temps de compression est comparable

Inconvénients

  • C'est un peu gênant de l'utiliser maintenant
  • Tous les navigateurs ne prennent pas en charge
  • La configuration manuelle doit être entièrement intégrée à WordPress

De plus, Brotli ne peut être utilisé que sur HTTPS, qui peut être considéré comme un avantage et un désavantage. D'une part, cela aide davantage de sites Web à migrer de HTTP vers HTTPS, créant ainsi un Internet plus sécurisé. D'un autre côté, il apporte plus de travail aux utilisateurs qui souhaitent activer Brotli mais utilisent toujours HTTP.

Résumé

Comme le montre les résultats des tests, la mise en œuvre de Brotli sur un site Web WordPress est très bénéfique en termes de performances. L'implémentation de Brotli sur le serveur source permet une compression du côté du serveur, puis cache le contenu sur un CDN qui prend en charge la compression de Brotli, permettant la livraison de ressources plus rapide.

Bien que Brotli ne soit pas universellement pris en charge par tous les navigateurs, il est important d'identifier les navigateurs que les visiteurs utilisent le plus fréquemment et de répondre à leurs besoins en fournissant des temps de chargement plus rapides. De plus, pour ceux qui utilisent des navigateurs qui ne sont pas encore pris en charge, ces navigateurs ne feront qu'à utiliser GZIP - une situation gagnant-gagnant.

FAQ sur WordPress Brotli Compression (FAQ)

Quelle est la différence entre la compression Brotli et Gzip?

Brotli et GZIP sont tous deux des algorithmes pour la compression des données, mais ils ont des différences clés. Brotli, développé par Google, est un algorithme plus récent qui fournit de meilleurs taux de compression que GZIP. Cela signifie qu'il peut rendre le fichier plus petit, ce qui peut accélérer le chargement du site Web. Cependant, Brotli n'est pas aussi largement pris en charge que GZIP, il peut donc ne pas fonctionner sur tous les navigateurs ou serveurs.

Comment la compression de Brotli améliore-t-elle les performances du site Web?

La compression Brotli fonctionne en réduisant la taille des fichiers qui composent le site Web. Cela signifie que lorsque les utilisateurs visitent votre site Web, leur navigateur doit télécharger moins de données, ce qui peut accélérer le chargement. Les vitesses de chargement plus rapides peuvent améliorer l'expérience utilisateur et avoir un impact positif sur le référencement du site Web.

Tous les navigateurs prennent-ils en charge la compression Brotli?

Alors que de nombreux navigateurs modernes, y compris Google Chrome et Firefox, la compression de Brotli est prise en charge, tous les navigateurs ne le prennent pas en charge. Par exemple, Internet Explorer ne prend pas en charge la compression de Brotli. Par conséquent, lorsque vous décidez d'utiliser la compression de Brotli, il est important de considérer votre public et leur éventuelle utilisation du navigateur.

Comment tester si mon site Web utilise la compression Brotli?

Il existe plusieurs outils en ligne disponibles pour tester si votre site Web utilise la compression Brotli. Ces outils fonctionnent en envoyant une demande à votre site Web, puis en analysant la réponse pour voir s'il a été compressé à l'aide de Brotli.

Puis-je utiliser la compression Brotli sur mon site Web WordPress?

Oui, vous pouvez utiliser la compression Brotli sur votre site WordPress. Cependant, la mise en œuvre de la compression de Brotli peut être plus compliquée que les autres types de compression, car il nécessite une modification de la configuration du serveur. Il existe également des plugins qui peuvent vous aider à implémenter la compression Brotli sur votre site Web WordPress.

Quels sont les inconvénients potentiels de l'utilisation de la compression Brotli?

Bien que la compression de Brotli puisse améliorer le temps de chargement, elle n'est pas sans inconvénients potentiels. Premièrement, il n'est pas aussi largement pris en charge que d'autres méthodes de compression (comme GZIP). Cela signifie qu'il peut ne pas fonctionner sur tous les navigateurs ou serveurs. De plus, la compression de Brotli peut consommer plus de ressources que les autres méthodes, ce qui peut ralentir le serveur.

Comment fonctionne la compression Brotli?

La compression Brotli fonctionne en trouvant et en supprimant la redondance dans les données. Il utilise un dictionnaire de mots et de phrases couramment utilisés pour remplacer les données en double par une représentation plus courte, réduisant ainsi la taille globale des données.

La compression de Brotli affectera-t-elle mon site Web de site Web?

Oui, la compression de Brotli peut avoir un impact positif sur le référencement de votre site Web. En effet, l'un des facteurs que les moteurs de recherche envisagent lors du classement des sites Web est de charger du temps. En réduisant la taille des fichiers du site Web, augmentant ainsi la vitesse de chargement, la compression de Brotli peut aider à améliorer le référencement du site Web.

La compression de Brotli convient-elle à tous les types de sites Web?

La compression Brotli peut bénéficier à de nombreux types de sites Web, en particulier ceux qui ont de grandes quantités de données textuelles (telles que les blogs ou les sites d'information). Cependant, il peut être moins bénéfique pour les sites Web contenant beaucoup de contenu multimédia, car un tel contenu est souvent surcompressé et l'utilisation de Brotli peut ne pas voir de réduction de taille significative.

Comment implémenter la compression Brotli sur mon serveur?

L'implémentation de la compression Brotli sur un serveur nécessite généralement de modifier le fichier de configuration du serveur pour activer la compression Brotli et spécifier le type de fichier à comprimer. Le processus exact peut varier en fonction du système d'exploitation du serveur et du logiciel de serveur Web que vous utilisez.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal