Comment activer la compression Gzip et Brotli sur Webflow ?

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.

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