Home Articles techniques Pourquoi votre CDN Web est cassé et comment le réparer
Applications

Pourquoi votre CDN Web est cassé et comment le réparer

About The Author

Outline

Approches actuelles

Les réseaux de diffusion de contenu (CDN) jouent un rôle important dans la diffusion d’applications Web, de sites Web et d’API. Ils fournissent du contenu mis en cache à partir d’un emplacement le plus proche des visiteurs et des clients du site Web/de l’application. Cela réduit le temps nécessaire aux clients pour voir le contenu apparaître dans leur navigateur. Parce qu’il accélère les délais de livraison du site et se traduit directement par une meilleure expérience client et plus de ventes pour les entreprises de commerce électronique.

Pour qu’un CDN fonctionne efficacement, il doit être configuré d’une manière qui fonctionne bien avec la technologie de site Web sous-jacente – également connue sous le nom de « pile technologique ». La façon dont il est configuré est souvent connue sous le nom de « stratégie de mise en cache ».

Cependant, de nombreux CDN ne permettent aucune modification de configuration dans la base de code de la pile technique. Les ingénieurs travaillant sur le site n’ont pas le contrôle de cette infrastructure de performance critique. Au lieu de cela, les mises à jour doivent être effectuées par des équipes/parties prenantes supplémentaires dans des interfaces utilisateur isolées, ce qui rend les tests et le débogage extrêmement difficiles et fastidieux pour les ingénieurs.

Avec les CDN ordinaires, vos mises à jour de configuration ne sont pas contrôlées par version dans la base de code. Ce manque de contrôle centralisé présente un risque pour votre pile technologique. Cela crée une confusion qui consomme beaucoup de temps et de ressources entre plusieurs équipes. Trouver des problèmes introduits dans la pile technique, c’est comme rechercher une aiguille dans une botte de foin (une botte de foin à laquelle vous n’avez peut-être même pas directement accès). Sans intégration dans la base de code, la seule façon de suivre les problèmes est de se fier aux plaintes des clients et/ou aux commentaires d’une équipe distincte. Cela entraîne un manque de transparence, de responsabilité et d’efficacité, ce qui peut entraîner des temps d’arrêt du site, des pertes de revenus et des clients mécontents.

De plus, la mise en cache sur les CDN est traditionnellement limitée aux données statiques. Les développeurs comprennent les données dynamiques de leur code, mais avec les CDN traditionnels, ils ne peuvent pas gérer la mise en cache. Il est donc extrêmement difficile, voire impossible, de mettre en cache une grande partie du contenu le plus important sur un site Web, ce qui a un impact sur les performances globales.

Introduction aux applications Edgio

La plateforme d’applications Edgio permet aux équipes de créer, publier, protéger et accélérer facilement leurs applications Web et API. Il offre une suite complète de fonctionnalités pour déployer, sécuriser et surveiller un site.

Pour les développeurs, un élément clé de l’offre est EdgeJS. EdgeJS est une configuration CDN en javascript. Contrairement aux CDN traditionnels, EdgeJS étend et intègre la mise en cache dans votre workflow de développement dès sa conception. Il offre la possibilité de mettre à jour facilement les configurations CDN pour les données dynamiques et le contenu statique.

Le CDN web Edgio peut être testé localement ou dans des environnements hors production avant sa mise en service. Cela permet aux développeurs de migrer facilement vers la production après avoir soigneusement vérifié les modifications via Q/A dans des environnements identiques mais différents.

Les avantages du workflow sont énormes : il élimine le besoin de fenêtres de maintenance, met fin aux retours arrière inutiles, facilite le suivi et la détection des problèmes et arrête les erreurs causées par le manque de visibilité sur les mises à jour de configuration CDN, améliorant ainsi la vitesse globale de l’équipe et améliorant les performances du site pour vos clients/utilisateurs finaux du site Web.

Avantages de notre approche

En contrôlant les mises à jour de configuration dans EdgeJS directement dans la base de code, une partie précédemment déconnectée du processus de mise à jour peut être corrigée. Les mises à jour peuvent être effectuées avec une vitesse et une qualité accrues, ce qui réduit le temps passé à trouver des problèmes ou à revenir en arrière, ce qui améliore les délais de mise sur le marché.

Edgio applications permet également aux équipes de construire des performances inférieures à la seconde dans leurs pages Web. En plus de la mise en cache statique et dynamique, EdgeJS donne accès à la prélecture prédictive dans le navigateur. Le préchargement accélère l’expérience de vos visiteurs en mettant en cache localement les appels API, les pages Web et les ressources avant que l’utilisateur n’essaie de visiter la page. À l’aide d’un service worker personnalisé prédéfini, qui fonctionne en harmonie avec le réseau Edge, EdgeJS préextrait les données HTML et API directement à partir de toutes les URL de la fenêtre d’affichage du visiteur, des pages hautement visitées ou des itinéraires personnalisés. La possibilité de précharger dans le navigateur de l’appareil de l’utilisateur fait d’Edgio le seul réseau Edge spécialement conçu pour fonctionner intelligemment avec les requêtes de préchargement, en les traitant de manière unique par rapport à une requête standard.

Le préchargement inclut également les données dynamiques et la récupération approfondie des images et des ressources en arrière-plan. Cibler les données dynamiques pour faire partie de la stratégie de mise en cache et fournir des outils qui permettent de le faire correctement est quelque chose d’exclusif à Edgio. C’est l’une de nos caractéristiques les plus remarquables qui nous distingue de la concurrence. Comme les sites Web ne mettent généralement pas en cache les données dynamiques, une grande partie de nombreux sites ne sont pas mis en cache. En offrant une mise en cache dynamique des données de manière « prête à l’emploi » et facile à utiliser, les clients d’Edgio voient le chargement des pages plus rapide – souvent inférieur à la seconde – ce qui conduit à des utilisateurs plus satisfaits, à une augmentation des revenus et à des sites Web qui surpassent les concurrents.

Études de cas :

Akira

Résultats :

  • Le site Web est 71% plus rapide qu’avant
  • Vitesse de brunissement de 500 ms sur les réseaux 4G.
  • +30,1% de trafic organique depuis le site web de la sous-seconde
  • +61,4% d’initiations à la caisse avec une expérience en ligne simplifiée
  • +80% de transactions mobiles entraînant une hausse de 37,25% du taux de conversion
  • Conversions de levage à 9,16% à la caisse avec la caisse optimisée de Bolt

Lisez l’ étude de cas Akira .

Carnaval des chaussures

Résultats :

  • réduction de 92 % des transitions de navigation passant de 6 secondes à 500 ms.
  • augmentation de 70,5% des premières vitesses de charge, passant de 3,4 secondes à 1 secondes
  • Surpasse 98% des sites Web et surpasse Amazon, Zappos, Nordstrom
  • augmentation de 40% des revenus avec un site web inférieur à la seconde
  • Flexibilité accrue de l’entreprise avec Edgio

Lisez l’ étude de cas Shoe Carnival .

Norme universelle

Résultats :

  • Approche Jamstack hybride mettant en cache les données statiques et dynamiques à la périphérie
  • Chargement de page de 600 ms du PLP au PDP
  • Taux de rebond inférieur de 40% et passe Core Web Vitals
  • hausse de 200% du taux de conversion sur mobile

Lisez l’ étude de cas Universal Standard .

Tableau de bord Edge Insights Analytics

Cette nouvelle solution d’analyse de périphérie tout-en-un vous donne un aperçu des performances (CDN) et de la sécurité en un seul endroit. Vous pouvez utiliser le filtrage multidimensionnel pour obtenir les réponses dont vous avez besoin en temps quasi réel.

Ressources supplémentaires :

Préchargement : https://docs.edg.io/guides/prefetching