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 le délai 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 du 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 provoque une confusion qui consomme beaucoup de temps et de ressources au sein de plusieurs équipes. Trouver des problèmes introduits dans la pile technologique est comme chercher 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 s’appuyer sur les plaintes des clients et/ou les 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 dans 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
Edgio applications Platform facilite la création, la publication, la protection et l’accélération de 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 la 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 en termes de flux de travail sont énormes : il élimine le besoin de fenêtres de maintenance, met fin aux retours arrière inutiles, facilite le suivi et la recherche des problèmes et stoppe les erreurs causées par le manque de visibilité sur les mises à jour de configuration CDN, améliorant ainsi la rapidité 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, améliorant ainsi le délai de mise sur le marché.
Edgio applications permet également aux équipes d’intégrer des performances inférieures à la seconde dans leurs pages Web. En plus de la mise en cache statique et dynamique, EdgeJS permet d’accéder au préchargement prédictif dans le navigateur. Le préchargement accélère l’expérience de vos visiteurs en mettant localement en cache les appels API, les pages Web et les actifs avant que l’utilisateur ne tente de visiter la page. À l’aide d’un service personnalisé préconstruit, qui fonctionne en harmonie avec le réseau périphérique, EdgeJS prélit les données HTML et API directement à partir de toutes les URL dans la fenêtre d’affichage visiteur, les pages très visitées ou les routes personnalisées. La possibilité de précharger dans le navigateur de l’appareil de l’utilisateur fait d’Edgio le seul réseau Edge conçu sur mesure pour fonctionner intelligemment avec les requêtes de préchargement, les traitant de manière unique par rapport à une requête standard.
Le préchargement inclut également des données dynamiques et une récupération approfondie des images et des actifs 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, de grandes portions de nombreux sites ne sont pas mises en cache. En offrant une mise en cache dynamique des données d’une manière « prête à l’emploi » et facile à utiliser, les clients d’Edgio voient des chargements de pages plus rapides – souvent inférieurs à la seconde – ce qui conduit à des utilisateurs plus satisfaits, à une augmentation des revenus et à des sites Web qui surpassent leurs concurrents.
Études de cas :
Akira
Résultats :
- Le site Web est 71% plus rapide qu’avant
- Vitesses de brunissement de 500 ms sur les réseaux 4G.
- +30,1% de trafic organique provenant du site web sub-second
- +61,4% initiations de caisse avec une expérience en ligne rationalisée
- +80% de transactions mobiles conduisant à une hausse de 37,25% du taux de conversion
- Conversions de levage à la caisse à 9,16% avec la caisse optimisée de Bolt
Lisez l’étude de cas Akira.
Carnaval de chaussures
Résultats :
- réduction de 92 % des transitions de navigation passant de 6 secondes à 500 ms.
- augmentation de 70 % des vitesses de première charge, passant de 3,4 secondes à 1 seconde
- Surpasse 98% des sites Web et dépasse Amazon, Zappos, Nordstrom
- hausse de 40 % des revenus avec un site web en moins de seconde
- Agilité 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 600 ms de PLP vers PDP
- Taux de rebond inférieur de 40 % et succès Core Web Vitals
- augmentation de 200% du taux de conversion sur mobile
Lisez l’étude de cas de la norme universelle.
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
