Compression Brotli : qu'est-ce que c'est, comment ça marche et comment l'activer

Vous êtes-vous déjà demandé comment accélérer le chargement d'un site web sans en modifier l'apparence ? La solution réside dans la manière dont les données sont transmises du serveur au navigateur de l'utilisateur. Cette transmission peut être optimisée grâce à des algorithmes de compression qui réduisent la taille des fichiers.

Brotli est un algorithme de ce type, et pas n'importe lequel : il s'impose comme la nouvelle norme face au vétéran GZIP. Bien que les deux visent le même objectif – compresser les fichiers pour réduire leur taille et améliorer les temps de chargement – ​​Brotli offre de meilleurs résultats . Nous expliquons ci-dessous en détail ce qu'est Brotli, comment il fonctionne, pourquoi il devient l'option privilégiée et comment l'activer sur votre site web, notamment si vous utilisez WordPress.

Qu'est-ce que Brotli et comment fonctionne-t-il ?

Brotli est un algorithme de compression sans perte développé par Google . Initialement conçu pour la compression des fichiers de polices web, il a été perfectionné au fil du temps pour fonctionner avec tous les types de données transmises via HTTP, comme HTML, CSS et JavaScript.

Il fonctionne en détectant les schémas répétitifs dans le contenu et en les remplaçant par des références plus courtes . Il y parvient grâce à deux types de dictionnaires :

• Dictionnaire statique:Contient plus de 13.000 XNUMX mots courants dans six langues et des éléments communs de code HTML, CSS et JS. Brotli peut détecter des phrases comme type=»text/javascript» ou des balises comme pour les encoder avec des références plus courtes.
• Dictionnaire dynamique:Il est généré en temps réel en analysant les données transmises. Il fonctionne comme une fenêtre coulissante jusqu'à 16 Mo, enregistrant les modèles récents pour une réutilisation immédiate lorsqu'ils réapparaissent.

Les deux dictionnaires permettent à Brotli de compresser les données plus efficacement que GZIP . De plus, il prend en charge 12 niveaux de compression, de 0 à 11, où 0 est le plus rapide (mais le moins efficace) et 11 le plus complet (bien que plus lent et plus gourmand en ressources processeur).

Avantages de la compression Brotli par rapport à GZIP

Le principal avantage de Brotli par rapport à GZIP est son taux de compression plus élevé , ce qui signifie que les fichiers compressés sont plus petits . Cela se traduit par :

• Petite consommation d'anchois de bande.
• Amélioration des performances Web, en particulier sur les appareils mobiles ou les connexions lentes.
• Chargements plus rapides et Core Web Vitals améliorés.

Une étude d'Akamai qui a analysé 1000 XNUMX URL a montré que Brotli peut économiser :

• 21% de plus en HTML.
• 14% en JavaScript.
• 17% en CSS.

Par exemple, un fichier HTML de 418 Ko peut être compressé avec :

• GZIP niveau 9 : 78,7 Ko.
• Brotli niveau 11 : 57,2 Ko.

Si Brotli est réglé sur le niveau 3, un fichier de 76,5 Ko est obtenu , pratiquement la même taille qu'avec GZIP, mais avec une consommation de ressources moindre.

Niveaux de compression Brotli et leur impact sur les performances

Comme indiqué, Brotli vous permet de régler la compression entre 0 et 11. Ce paramètre influe sur :

• la vitesse de compression et de décompression.
• la charge CPU du serveur.
• la taille finale du fichier.

Bien que le niveau le plus élevé offre les meilleurs tarifs, les niveaux intermédiaires (4 à 6) sont recommandés pour leur équilibre entre charge et performance. Cloudflare utilise d'ailleurs le niveau 4 depuis 2017 et a annoncé en 2023 la prise en charge complète du niveau 11 afin d'exploiter pleinement son potentiel.

Compatibilité de Brotli avec les navigateurs et les serveurs

Actuellement, Brotli est compatible avec plus de 95 % des navigateurs disponibles sur le marché , notamment Chrome, Firefox, Edge, Safari, Brave et Opera.

Concernant les serveurs web, la compatibilité est la suivante :

• Apache: prend en charge Brotli depuis la version 2.4 et peut être activé en ajoutant AddOutputFilterByType BROTLI_COMPRESS dans l'archive .htaccess.
• Nginx: nécessite la compilation du module Brotli. Après l'installation, il est activé en éditant nginx.conf avec des directives telles que brotli on; y brotli_types.
• LiteSpeed:Il est entièrement compatible et est activé par défaut sur les serveurs avec cPanel qui l'utilisent.

De plus, les principaux fournisseurs de CDN tels que Cloudflare, KeyCDN, CDN77 et Amazon CloudFront ont adopté Brotli. Dans de nombreux cas, son utilisation est même activée par défaut.

Comment savoir si votre site utilise la compression Brotli

Vous souhaitez vérifier si votre site web utilise Brotli ? Plusieurs options s’offrent à vous :

1. Outils en ligne

• Test Brotli KeyCDN: https://tools.keycdn.com/brotli-test
• Don de vitesse: https://www.giftofspeed.com/GZIP-test/
• Test de compression de Paul Calvano: https://tools.paulcalvano.com/compression.php

2. En-têtes HTTP

Vous pouvez également le faire avec le terminal en utilisant :

curl -LH "Accepter-Encodage : br" -I https://tuweb.com

Si la réponse affiche content-encoding: br , cela signifie que votre site web utilise Brotli.

Comment activer Brotli dans WordPress

Sous WordPress, l'activation de Brotli dépend en grande partie du serveur . Cependant, certains plugins de cache prennent en charge Brotli ou permettent d'activer la compression GZIP si Brotli n'est pas disponible.

Recommandations utiles :

1. Plugins de cache pris en charge

Des plugins comme W3 Total Cache , WP Rocket ou le plugin officiel Cloudflare peuvent prendre en charge Brotli ou activer GZIP comme alternative si votre serveur ne le prend pas directement en charge.

2. Vérifiez la configuration du serveur

De nombreux fournisseurs d'hébergement activent déjà Brotli automatiquement, tels que :

• Kinsta
• SiteGround
• Moteur WP
• LucusHôte
• Réseaux Raiola

Dans la plupart des cas, il est déjà activé et vous n'avez rien d'autre à faire . Contactez le support technique si vous avez des questions.

Compression de bout en bout Cloudflare et Brotli

Cloudflare va encore plus loin en proposant une prise en charge client-serveur complète pour Brotli . Cela signifie qu'il ne décompresse pas les données avant de les envoyer à l'utilisateur, mais peut retransmettre directement les données compressées.

Auparavant, Cloudflare utilisait Brotli au niveau 4. Il vous permet désormais d'utiliser le niveau 11 si le serveur d'origine prend également en charge ce paramètre, optimisant ainsi les performances.

De plus, elle dispose d'une fonctionnalité appelée Règles de compression qui vous permet de personnaliser le contenu compressé et la manière de le compresser, en fonction de l'extension, du type, du domaine, etc.

La seule mise en garde est que des fonctionnalités telles que Rocket Loader ou Email Obfuscation peuvent interférer. Dans ces situations, le contenu est décompressé et recompressé à l'aide de Brotli niveau 4 pour la compatibilité.

Précautions d'emploi de Brotli

Malgré ses avantages, il est important de garder à l’esprit certaines considérations :

• Brotli ne fonctionne que sur les connexions HTTPS. Si votre site Web utilise HTTP, cela ne s'appliquera pas.
• Les niveaux de compression élevés (10-11) consomment plus de ressources CPU, ce qui peut affecter les performances du serveur s'il y a de nombreuses requêtes simultanées.
• Certaines configurations d'hébergement plus anciennes ne prennent pas en charge Brotli ou nécessitent des paramètres supplémentaires., en particulier sur les serveurs Apache sans module mod_brotli.

Cependant, les gains de vitesse, d' optimisation SEO , d'expérience utilisateur et les économies de bande passante compensent largement ces limitations. Optimiser les performances d'un site web est essentiel pour offrir une meilleure expérience utilisateur et améliorer son référencement. La compression Brotli, de plus en plus populaire, réduit considérablement la taille des fichiers HTML, CSS et JS, s'imposant comme l'un des algorithmes phares du web moderne. Si vous ne l'avez pas encore activée sur votre site ou serveur WordPress, nous vous recommandons de l'envisager : c'est une solution gratuite et open source qui offre des avantages indéniables en termes de vitesse et d'efficacité des données.