pull-zone.b-cdn.net : c’est cette adresse qui remplace en quelques minutes le domaine principal pour les fichiers statiques d’un site Elementor à fort trafic international. Bunny.net fonctionne sur un principe de zone de « pull » : le CDN va chercher les fichiers directement sur le serveur d’origine au premier accès, puis les conserve en cache sur son réseau de points de présence.
Ce guide décrit la mise en place concrète de ce service pour un site construit avec Elementor, dont l’essentiel du poids de page vient des images et des polices personnalisées chargées par les widgets. La configuration DNS complète du domaine principal n’entre pas dans ce périmètre : seule la partie liée à la diffusion des assets est traitée ici.
Pourquoi envisager une alternative aux CDN habituels
Les solutions de CDN les plus connues appliquent souvent une tarification basée sur la bande passante consommée, ce qui peut vite devenir coûteux pour un site à fort trafic servant beaucoup d’images en haute résolution vers des visiteurs répartis sur plusieurs continents. Bunny.net propose une tarification au volume nettement plus basse, avec des points de présence qui couvrent correctement l’Amérique du Nord, l’Europe et une bonne partie de l’Asie.
Pour un site Elementor, l’intérêt principal ne tient pas à une fonctionnalité propre à l’éditeur, mais à la nature des assets qu’il génère : feuilles de style compilées, polices personnalisées importées, et surtout les images insérées dans les widgets, souvent le poste le plus lourd d’une page construite visuellement.
Mettre en place la pull zone
- Créer un compte Bunny.net et configurer une nouvelle pull zone pointant vers le nom de domaine du site WordPress comme origine.
- Activer l’optimisation d’images native de Bunny, qui redimensionne et compresse automatiquement les fichiers à la volée selon la taille demandée par le navigateur.
- Installer une extension de réécriture d’URLs côté WordPress capable de rediriger les appels vers le domaine du CDN pour les répertoires de médias et d’assets compilés.
- Vérifier, via les outils de développement du navigateur, que les images et les fichiers CSS/JS générés par Elementor sont bien servis depuis le domaine
b-cdn.net. - Purger le cache Bunny après chaque mise à jour significative des styles globaux ou des polices personnalisées, pour éviter de servir une version obsolète depuis les points de présence.
Le cas particulier des polices personnalisées Elementor
Les polices ajoutées via la bibliothèque de polices personnalisées d’Elementor Pro sont hébergées localement sur le serveur d’origine. Une fois la pull zone en place, ces fichiers de police transitent eux aussi par le CDN au même titre que les images, ce qui réduit sensiblement leur temps de premier chargement pour un visiteur situé loin du serveur d’origine, en particulier sur les continents mal desservis par l’hébergeur principal.
Ce qu’il faut surveiller après la bascule
- Les liens absolus codés en dur dans certains widgets (notamment les widgets HTML personnalisés) ne passent pas automatiquement par la réécriture d’URLs et doivent être corrigés manuellement.
- Le format d’image nouvelle génération servi automatiquement par Bunny peut nécessiter une vérification de compatibilité avec certains widgets d’arrière-plan qui appliquent des filtres CSS spécifiques.
- Les en-têtes de cache doivent rester cohérents entre le serveur d’origine et le CDN, sous peine de conserver des ressources périmées plus longtemps que prévu.
Sur un site à trafic international, mieux vaut toujours tester la bascule CDN depuis un point de mesure situé sur le continent le plus éloigné du serveur d’origine : c’est là que le gain, ou son absence, se voit le plus nettement.
Résultat mesuré sur ce projet
Sur le site concerné par cette recette, un test de chargement depuis un point de mesure situé en dehors de l’Europe a montré une réduction du temps de chargement des ressources statiques d’environ quarante pour cent après la bascule vers Bunny.net, principalement grâce à la réduction de la latence réseau et à l’optimisation automatique des images.
Notre verdict
Bunny.net constitue une alternative sérieuse pour un site Elementor qui sert beaucoup d’assets lourds à un public international, à condition d’accepter de gérer soi-même la réécriture des URLs plutôt que de compter sur une intégration native. Le rapport coût-performance reste son principal argument face aux CDN plus connus, surtout quand le volume de bande passante consommé devient significatif.
