Compression (Gzip / Brotli)
La compression est une technique côté serveur qui réduit la taille des fichiers (HTML, CSS, JavaScript) avant leur envoi au navigateur pour accélérer l’affichage des pages.
Définition
La Compression consiste à utiliser des algorithmes pour supprimer les redondances dans les fichiers texte. Gzip est le standard historique, tandis que Brotli (développé par Google) est plus moderne et efficace, offrant des fichiers jusqu’à 20% plus légers. Pour un équilibre optimal entre gain de poids et utilisation des ressources CPU du serveur, un niveau de compression Brotli 4 à 6 est recommandé en production.
Bonnes pratiques
- Implémenter progressivement : Activer Brotli sur votre serveur (Nginx, Apache) ou via votre CDN, tout en gardant Gzip comme solution de repli pour les navigateurs très anciens.
- Mesurer avec Lighthouse : Vérifier le gain dans la section "Performance" et s’assurer que l’en-tête HTTP
content-encoding: brest bien présent. - Automatiser le monitoring : Tester régulièrement que la compression est toujours active après chaque mise à jour du serveur ou du certificat SSL.
À éviter
- Chargements bloquants : Ne pas compresser les fichiers déjà compressés (comme les images JPG ou WebP) ; cela consomme du CPU inutilement pour un gain nul, voire négatif.
- Assets non optimisés : Compresser un fichier JavaScript massif ne remplace pas une bonne stratégie de minification ou de tree-shaking.
- Modifications non mesurées : Utiliser le niveau de compression maximal (Brotli 11) en temps réel, ce qui ralentirait le TTFB car le serveur passerait trop de temps à compresser avant d’envoyer.
- Ils font confiance à Devsource
