Comment activer la compression Gzip et Brotli sur Webflow ?
Découvrez comment fonctionne la compression Gzip et Brotli sur Webflow et comment vérifier qu'elle est bien active sur votre domaine.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment vérifier et optimiser la compression des ressources sur votre site Webflow.
| Algorithme | Compression | Support | Sur Webflow |
|---|---|---|---|
| Gzip | ~70% | Universel | Activé par défaut |
| Brotli | ~80% | Navigateurs modernes | Activé via CDN Fastly |
| Zstandard | ~85% | Très limité | Non disponible |
Bonne nouvelle : Webflow gère la compression pour vous
Webflow utilise le CDN Fastly qui active automatiquement Gzip et Brotli sur toutes les ressources textuelles : HTML, CSS, JS, SVG. Vous n'avez rien à configurer. Vérifiez simplement que votre domaine custom est bien servi via le CDN Webflow et non via un proxy intermédiaire qui désactiverait la compression.
1. Vérifiez que la compression est active
Dans Chrome DevTools > Network, sélectionnez une requête HTML ou CSS de votre site. Dans l'onglet Headers, vérifiez la présence de content-encoding: br (Brotli) ou content-encoding: gzip dans les Response Headers. Si absent, votre domaine est peut-être servi via un proxy non configuré.
2. Vérifiez votre configuration DNS
Si vous utilisez Cloudflare en proxy (nuage orange) devant Webflow, Cloudflare peut re-compresser les ressources. Assurez-vous que le niveau de compression Cloudflare est sur Auto ou Brotli dans les paramètres Speed > Optimization.
3. Optimisez les ressources non compressibles
Les images (WebP, AVIF, JPEG), les vidéos et les fonts WOFF2 sont déjà compressés en interne. La compression Gzip/Brotli n'a pas d'effet sur eux. Concentrez vos efforts sur la réduction du poids de votre CSS et JS plutôt que sur la compression de ces ressources.
Conclusion
La compression est activée par défaut sur Webflow. L'essentiel est de ne pas la désactiver accidentellement. Cas d'usage :
- Audit de configuration DNS après migration de domaine
- Vérification après ajout d'un proxy Cloudflare
- Diagnostic d'un score PageSpeed anormalement bas
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
