Fastly hilft Speed Kit, die LCP auf hochfrequentierten Websites um 0,5 Sekunden zu reduzieren – und damit die Conversion-Rates um 5 bis 10 % zu steigern.

Wenn ein Kunde auf einer Website landet, ist Zeit Geld. Das Speed Kit Plugin ist ein All-in-One-Tool zur Optimierung der Seitengeschwindigkeit, das führenden Marken wie Decathlon und BMW hilft, die Ladezeiten zu minimieren und somit Gewinne zu steigern. 

Speed Kit kann in Shopify, WordPress und Plesk installiert werden.

Das von CEO Dr. Felix Gessert gegründete Unternehmen entwickelte sich von einer Dissertation aus dem Jahr 2012 zu einem Backend-as-a-Service-Produkt (Baqend) im Jahr 2014 und dann zum SaaS-Tool Speed Kit im Jahr 2017. 

Fastly ist stolz darauf, Speed Kit dabei geholfen zu haben, erstaunliche Ergebnisse zu erzielen, die Performance zu steigern, die Conversion-Rates zu erhöhen und erhebliche Kosteneinsparungen zu erzielen. Außerdem nutzt Speed Kit Fastly auf eine innovative Art und Weise, die selbst wir uns nicht vorgestellt hatten.

Die Herausforderung

Auswahl einer Plattform – man muss sich auskennen

Felix betrachtet das Speed Kit als eine Plattform. In gewisser Weise war diese grundlegende Utility ausschlaggebend für die Suche nach einem Partner, der ein leistungsfähiges CDN und andere einfache, starke Bausteine bereitstellt.

„Wir betrachten uns als den Baustein, den Sie in Ihre Website einbauen müssen, um sie auf ein Niveau zu bringen, bei dem der Endnutzer die Ladezeit nicht mehr wahrnimmt. Unser Ziel ist es, die Ladezeiten von Websites auf etwa 100 Millisekunden zu senken, wovon der derzeitige Industriestandard noch weit entfernt ist. Alles konzentriert sich auf die Beschleunigung, aber wir haben vor kurzem den Anwendungsbereich erweitert, um als End-to-End-Performance-Plattform Observabiity und Überwachung einzuschließen. Von „Wie sieht Ihre Performance aus?“, „Wie sehen Ihre Echtzeit-Nutzerüberwachungsdaten aus?“ und „Welche potenziellen UX-Probleme entstehen durch eine niedrige Geschwindigkeit?“ bis hin zur Implementierung einer automatischen Beschleunigung.“

Um Speed Kits SaaS für ein Enterprise-Publikum bereitstellen zu können, benötigte das Unternehmen zunächst ein CDN, das sich in drei Bereichen auszeichnete: Flexibilität bei der Ausführung komplexer Berechnungen am Rande des Netzwerks, nahezu sofortige Invalidierung des Cache und die Möglichkeit, Kunden überall auf der Welt über einen zentralen Cloud-Standort in Deutschland zu bedienen, und zwar ohne Performance-Einbußen.

Dies waren die maßgeblichen Kriterien. Ohne eine leistungsfähige, weltweite Caching-Infrastruktur kann Speed Kit nur über den Browser beschleunigen, was weniger effektiv ist, da die Daten nicht auf alle Nutzer verteilt werden. Die Wahl bestand darin, entweder ein CDN zu wählen, das in hohem Maße an die eigene Plattform angepasst werden kann, oder eine eigene Caching-Infrastruktur aufzubauen. Und zum Glück hat sich Baqend mit dem Fastly CDN für die erste Option entschieden.

Unsere Lösung

Wie Felix erläutert: „Durch unsere Recherchen im Bereich Caching kannten wir die Fähigkeiten und Reverse-Proxy-Cache-Lösungen aller großen CDNs und haben Fastly immer für seine offene Kommunikation bewundert, zum Beispiel über die Interna des Cache-Invalidierungsalgorithmus, der auch eine sofortige Bereinigung bietet. Fastly ist wahrscheinlich das unternehmensfreundlichste CDN, das es gibt, da jede Funktion, die es anbietet, gut durchdacht und umfassend getestet ist. Bei anderen CDNs wie Cloudflare und Akamai haben wir das Gefühl, dass sie eher ein Paket von lose miteinander verbundenen Funktionen sind, während Fastly sehr stabil und skalierbar ist und eine Kombination von Kernfunktionen bietet, die wir mit Überzeugung nutzen. Das CDN, das sehr flexible Caching auf der Basis von VCL und Varnish, die WAF der nächsten Generation und auch Teile der von uns verwendeten Edge-Plattform – all das bildet eine großartige Grundlage, auf der wir aufbauen können.“

Das CDN von Fastly passt auch gut zum bestehenden Stack und zur Plattformkonfiguration von Speed Kit. Die wichtigsten Teile der Infrastruktur laufen auf AWS in Frankfurt, wobei der Analyse-Stack auf AWS aufgebaut ist und mehrere AWS-Services wie EC2, Amazon S3 für die Speicherung, AWS Athena usw. verwendet werden.

Für jeden Kunden betreibt Speed Kit mehrere containerisierte Anwendungsserver, auf die Fastly den Traffic verteilt. Mehrere Systeme stellen die Speed-Kit-Assets schnell und konsistent bereit. Bei einem Cache Miss und Aktualisierungen wie der Bereitstellung holt Speed Kit die Ressourcen direkt vom Origin des Kunden und hält die im Fastly Cache und Browser Cache gespeicherten Daten auf dem neuesten Stand.

Nachdem das Fastly CDN implementiert war, dauerte es nicht lange, bis Baqend erkundete, wie der Rest der Fastly-Plattform die mittel- bis langfristige Vision von Speed Kit unterstützen könnte. Und inzwischen nutzt Speed Kit Fastly für verschiedene Zwecke:

1. CDN: für die Bereitstellung von Speed-Kit-Ressourcen.


2. WAF: um sicherzustellen, dass die Anfragen an die ursprünglichen Server „sauber“ sind.


3. Compute: für fortgeschrittene Anwendungsfälle rund um „Komprimierungswörterbücher“, die für ein effizientes prädiktives Vorladen von Website-Inhalten verwendet werden (mehr dazu in Kürze).

Fazit

Die Ergebnisse von Speed Kit mit Fastly sind durchweg beeindruckend, einschließlich einer Cache-Hitrate von 98 % für typische Kunden.

Die Next-Gen WAF von Fastly unterstützt Speed Kit in mehrfacher Hinsicht: Erstens schützt sie Anfragen gegen traditionelle Angriffsvektoren wie SQL-Injections, sodass alle derartigen Anfragen von der Next-Gen WAF vorgefiltert werden und der zum Origin des Kunden gesendete Traffic sauber ist. Zweitens bedeutet eine starke Abhängigkeit von Performancedaten, dass es von grundlegender Bedeutung ist, zu verstehen, welche Teile der Nutzerbasis Bots sind, da dies die Metriken und die Messbarkeit verzerren kann. Eine Kombination aus Next-Gen WAF-Bot-Signalen und Speed Kits eigenen Flaschen bedeutet, dass Bots leicht zu erkennen sind, und mit der Verfolgung kompletter User-Journeys werden die Modelle auf eine False-Positive-Rate von Null abgestimmt.

Und wie sieht es mit der so wichtigen Geschwindigkeit aus?

Sehen Sie sich die folgende Grafik an, in der die LCP-Ergebnisse eines weltweit tätigen Automobilherstellers vor und nach der Einführung der von Fastly unterstützten Speed Kit Acceleration verglichen werden:

In Bezug auf das Nutzererlebnis kann Speed Kit mit Fastly die LCP in der Regel um 0,5 Sekunden reduzieren, was die Kundenzufriedenheit deutlich erhöht.

Und über verschiedene Branchen hinweg hat Speed Kit eine Verbesserung der Conversion-Rates von 1 bis 2 % pro 100 Millisekunden Verbesserung der LCP gemessen.

Interessante Zahlen. Noch faszinierender ist jedoch, dass Speed Kit auch das Fastly CDN nutzt, um eine Art Kristallkugel für Website-Besucher zu erstellen, das so genannte Predictive Preloading. Wenn Speed Kit auf eine Kundenwebsite geladen wird, verfolgt es alle Nutzerinteraktionen, kennt alle historischen Abläufe und weiß, wie Nutzer ihre Maus bewegen oder über Links hovern. Durch die Kombination dieser client-seitigen Daten mit einem maschinellen Lernmodell kann Speed Kit vorhersagen, wohin der Nutzer als nächstes navigieren wird.

Auf der anderen Seite gibt es auf bestimmten Websites einen umfangreichen Vorladeprozess, der beispielsweise bei einem Online-Shop 50 Seiten umfassen kann. Um dies zu vermeiden, verwendet Speed Kit Fastly Compute, um website-spezifische Komprimierungswörterbücher zu erstellen, die das Datenvolumen auf 20 % reduzieren und damit 80 % der über das Netzwerk übertragenen Bytes einsparen. Die Transformation von herkömmlichen, generischen Komprimierungsformaten in nutzerdefinierte Komprimierungswörterbücher erfordert eine Menge Logik auf der Edge und ist in keiner Art von traditioneller Anfragebehandlung in VCL oder auf einer der anderen CDN-Plattformen möglich.

Speed Kit – die Zukunft mit Fastly

Was birgt also die Zukunft für Baqend, Speed Kit und Fastly? Felix kann seine Kristallkugel für diese Antwort nicht zu Rate ziehen, aber er ist dennoch zuversichtlich:

„Wir beabsichtigen, bei Fastly zu bleiben, das ist ganz sicher. Ich denke mal, die nächste Frage ist, ob wir für die restlichen Projekte, an denen wir arbeiten, komplett auf Compute umsteigen werden. Und wir nutzen verschiedene Teile des Produkts – zum Beispiel ist das neue Compliance-Routing interessant, weil wir viele datenschutzsensible Kunden haben. Aber was bei Fastly wirklich klasse läuft, ist, dass wir einen sehr engen Kontakt zu allen Produktteams haben. Wir können in einem Telefongespräch klären, ob wir unseren Anwendungsfall umsetzen können, selbst für etwas, das wir eventuell erst in ein paar Jahren bauen. Wir schätzen die Möglichkeit, direkt mit den Entwicklern zu sprechen und tatsächlich etwas zu bauen, und nicht nur einen Account-Manager zu haben, der unsere Anfragen an jemand anderen weiterleitet.“