Home Technische Artikel Warum Ihr Web-CDN defekt ist und wie Sie es beheben können
Applications

Warum Ihr Web-CDN defekt ist und wie Sie es beheben können

About The Author

Outline

Aktuelle Ansätze

Content Delivery Networks (CDNs) spielen eine wichtige Rolle bei der Bereitstellung von Webanwendungen, Websites und APIs. Sie stellen gecachte Inhalte von einem Standort bereit, der Website-/App-Besuchern und Kunden am nächsten ist. Dies verringert die Zeit, die Kunden benötigen, um Inhalte in ihren Browsern anzuzeigen. Weil es die Bereitstellungszeit für die Website verkürzt und direkt zu einer besseren Kundenerfahrung und mehr Umsatz für eCommerce-Unternehmen führt.

Damit ein CDN effektiv funktioniert, muss es so konfiguriert werden, dass es gut mit der zugrunde liegenden Website-Technologie – auch bekannt als „Tech Stack“ – kompatibel ist. Die Konfiguration wird oft als „Caching-Strategie“ bezeichnet.

Viele CDNs lassen jedoch keine Konfigurationsänderungen in der Codebasis des Tech-Stacks zu. Ingenieure, die vor Ort arbeiten, haben keine Kontrolle über diese kritische Performance-Infrastruktur. Stattdessen müssen Updates von zusätzlichen Teams/Stakeholdern in isolierten Benutzeroberflächen vorgenommen werden, was das Testen und Debugging für die Techniker extrem schwierig und zeitaufwändig macht.

Bei gewöhnlichen CDNs werden Ihre Konfigurationsupdates innerhalb der Codebase nicht versionsgesteuert. Dieser Mangel an zentralisierter Kontrolle stellt ein Risiko für Ihren technischen Stack dar. Es führt zu Verwirrung, die über mehrere Teams hinweg viel Zeit und Ressourcen in Anspruch nimmt. Das Auffinden von Problemen, die in den technischen Stack eingebracht wurden, ist wie die Suche nach einer Nadel in einem Heuhaufen (einem Heuhaufen, auf den Sie möglicherweise nicht einmal direkten Zugriff haben). Ohne Integration in die Codebasis können Probleme nur durch die Rückverfolgung von Kundenbeschwerden und/oder die Eingabe eines separaten Teams verfolgt werden. Dies führt zu einem Mangel an Transparenz, Verantwortlichkeit und Effizienz, was zu Ausfallzeiten, Umsatzverlusten und unzufriedenen Kunden führen kann.

Außerdem ist das Caching auf CDN traditionell auf statische Daten beschränkt. Entwickler verstehen die dynamischen Daten in ihrem Code, aber mit herkömmlichen CDNs können sie das Caching nicht verwalten. Daher ist es extrem schwierig oder unmöglich, einen großen Teil der wichtigsten Inhalte auf einer Website zu zwischenspeichern, was sich auf die Gesamtleistung auswirkt.

Einführung in Edgio Applications

Mit der Edgio Applications Platform können Teams ihre Web-Apps und APIs ganz einfach erstellen, veröffentlichen, schützen und beschleunigen. Es bietet eine umfassende Reihe von Funktionen zur Bereitstellung, Sicherung und Überwachung eines Standorts.

Für Entwickler ist EdgeJS ein wichtiger Bestandteil des Angebots. EdgeJS ist eine CDN-Konfiguration in javascript. Im Gegensatz zu herkömmlichen CDNs erweitert EdgeJS das Caching und integriert es per Design in Ihren Entwicklungsworkflow. Es bietet die Möglichkeit, CDN-Konfigurationen für dynamische Daten und statische Inhalte einfach zu aktualisieren.

Das Edgio Web-CDN kann vor der Inbetriebnahme lokal oder in nicht-Produktionsumgebungen getestet werden. Auf diese Weise können Entwickler problemlos in die Produktion migrieren, nachdem sie die Änderungen in identischen, aber unterschiedlichen Umgebungen gründlich überprüft haben.

Die Vorteile des Workflows sind enorm: Wartungsfenster entfallen, unnötige Rollbacks werden beendet, Probleme können leichter nachverfolgt und gefunden werden, Fehler werden vermieden, die durch mangelnde Transparenz von CDN-Konfigurationsupdates verursacht werden. Dadurch wird die Geschwindigkeit des Teams insgesamt verbessert und die Website-Performance für Ihre Kunden/Website-Endbenutzer verbessert.

Vorteile unseres Ansatzes

Durch die Steuerung von Konfigurationsaktualisierungen in EdgeJS direkt in der Codebasis kann ein zuvor getrennter Teil des Aktualisierungsprozesses behoben werden. Updates können schneller und qualitativ verbessert werden, wodurch der Zeitaufwand für das Auffinden von Problemen oder das Zurücksetzen verringert wird, was die Markteinführungszeit verkürzt.

Mit Edgio Applications können Teams auch Leistung im Bereich von weniger als einer Sekunde in ihre Webseiten integrieren. Neben statischem und dynamischem Caching bietet EdgeJS Zugriff auf Prefetching in den Browser. Das Prefetching beschleunigt die Besuchererfahrung, indem API-Aufrufe, Webseiten und Assets lokal zwischengespeichert werden, bevor der Benutzer versucht, die Seite zu besuchen. Mit einem vordefinierten benutzerdefinierten Service Worker, der in Harmonie mit dem Edge-Netzwerk arbeitet, ruft EdgeJS HTML- und API-Daten direkt von allen URLs im Besucheranzeigefeld, den stark besuchten Seiten oder benutzerdefinierten Routen ab. Durch die Möglichkeit, im Browser des Geräts des Benutzers vorab abzurufen, ist Edgio das einzige Edge-Netzwerk, das speziell für die intelligente Verarbeitung von Vorabrufanforderungen entwickelt wurde und diese eindeutig über eine Standardanforderung behandelt.

Die Vorabruffunktion umfasst auch dynamische Daten und den tiefen Abruf von Bildern und Assets im Hintergrund. Die Ausrichtung dynamischer Daten als Teil der Caching-Strategie und die Bereitstellung von Tools, mit denen diese korrekt ausgeführt werden können, ist exklusiv für Edgio. Es ist eines unserer bemerkenswertesten Merkmale, das uns von den Mitbewerbern abhebt. Da Websites traditionell keine dynamischen Daten zwischenspeichern, gibt es große Teile vieler Websites, die nicht gecacht sind. Da Edgio-Kunden ein dynamisches Daten-Caching auf eine „gebrauchsfertige“ und benutzerfreundliche Weise anbieten, sehen sie schnellere Seitenladezeiten – oft in weniger als einer Sekunde –, was zu zufriedeneren Benutzern, höheren Umsätzen und Websites führt, die die Konkurrenz übertreffen.

Fallstudien:

Akira

Ergebnisse:

  • Website ist 71 % schneller als zuvor
  • 500 ms Bräunungsgeschwindigkeit in 4G-Netzwerken
  • +30,1% organischer Traffic von der Sub-Second-Website
  • +61,4% Eintritte zur Kasse mit einem optimierten Online-Erlebnis
  • +80% mobile Transaktionen, was zu einer Steigerung der Konversionsrate um 37,25% führt
  • 9,16 % mehr an Kaufabrechnung mit Bolts optimiertem Kaufabruf

Lesen Sie die Akira-Fallstudie.

Schuh Karneval

Ergebnisse:

  • 92 % weniger Browsing-Übergänge von 6 Sekunden auf 500 ms
  • 70 % Erhöhung der ersten Lastgeschwindigkeiten von 3,4 Sekunden auf 1 Sekunde
  • Übertrifft 98 % der Websites und übertrifft Amazon, Zappos und Nordstrom
  • 40 % Umsatzsteigerung durch eine weniger als eine Sekunde umfassende Website
  • Höhere Unternehmensflexibilität mit Edgio

Lesen Sie die Fallstudie zum Schuhkarneval.

Universeller Standard

Ergebnisse:

  • Hybrid-JAMstack-Ansatz, der statische und dynamische Daten an der Edge zwischenspeichert
  • 600 ms Seitenlast von PLP zu PDP
  • 40 % niedrigere Absprungrate und Bestehen der Core Web Vitals
  • 200 % höhere Konversionsrate auf Mobilgeräten

Lesen Sie die Fallstudie „Universal Standard“.

Edge Insights Analytics Dashboard

Diese neue All-in-One Edge Analytics-Lösung bietet Ihnen einen Überblick über Performance (CDN) und Sicherheit an einem Ort. Sie können mehrdimensionale Filterung verwenden, um die benötigten Antworten nahezu in Echtzeit zu erhalten.

Zusätzliche Ressourcen:

Vorabruf: https://docs.edg.io/guides/prefetching