Aktuelle Beiträge Zum Blog

Online-Shops konkurrieren 2026 in Millisekunden: Schon 100 ms zusätzliche Latenz kosten bis zu 7 % Conversion (Akamai). Genau hier setzen Serverless- und Edge-Functions an. Statt jede Anfrage zum zentralen Server zu schicken, läuft kleiner, ereignisgesteuerter Code direkt an einem Standort nahe der Kundschaft. Während eine klassisch in einer Region laufende Funktion beim Kaltstart 100 ms bis über eine Sekunde braucht, startet ein Edge-Isolate in unter 5 ms (byteiota). Dieser Leitfaden zeigt, wie Sie mit Serverless- und Edge-Functions Personalisierung, Weiterleitungen, A/B-Tests, API-Anbindung sowie Bild- und SEO-Aufgaben näher an Nutzende verlagern, was das für Kosten und Skalierung bedeutet und wie unsere Cloud-Lösungen das in Ihrem Shop verankern.

Serverless und Edge Functions verständlich erklärt

Serverless bedeutet nicht, dass keine Server im Spiel sind, sondern dass Sie sich nicht um deren Bereitstellung und Skalierung kümmern. Sie hinterlegen Code als Funktion, der Anbieter führt ihn bei einem Auslöser aus und rechnet nur die tatsächliche Ausführungszeit ab. Edge Functions sind eine Sonderform: Derselbe ereignisgesteuerte Code läuft nicht in einer einzelnen zentralen Region, sondern verteilt an vielen Points of Presence (PoPs) im Content-Delivery-Netz, also dort, wo die Anfrage geografisch eintrifft.

Der Unterschied ist messbar. Edge-Functions starten im Vergleich neunmal schneller als klassische serverlose Container: Ein Edge-Isolate initialisiert in unter 5 Millisekunden, eine regional laufende Funktion braucht beim Kaltstart 100 ms bis über eine Sekunde (byteiota). Auch im warmen Zustand bleibt ein Abstand: In realen Messungen antwortet die Edge-Variante in 167 ms, die regionale Variante in 287 ms (byteiota). Genau diese Distanz- und Startzeitvorteile machen den Edge zur idealen Schicht für alles, was vor dem eigentlichen Shop passieren soll.

Edge Function

Läuft am PoP nahe der Kundschaft, startet in unter 5 ms (byteiota). Ideal für Personalisierung, Redirects und A/B-Tests vor dem ersten Byte.

Serverless (Region)

Läuft zentral in einer Region, mehr Rechenleistung und Speicher, aber Kaltstarts von 100 ms bis über einer Sekunde (byteiota). Gut für rechenintensive Aufgaben.

Origin / Shop

Ihr Shopware-System, die Datenbank und die Geschäftslogik. Der Edge entlastet das Origin, indem er viele Anfragen vorab beantwortet.

Personalisierung direkt am Edge

Personalisierung ist der klassische Anwendungsfall für Edge Functions. Statt im Browser per JavaScript nachzuladen, was sichtbares Flackern und Layout-Verschiebungen erzeugt, entscheidet die Edge-Function bereits vor der Auslieferung, welche Variante ein Mensch sieht. Geografie, Sprache, Endgerät, Einstiegskampagne oder ein wiederkehrender Cookie lassen sich am Edge auswerten und in eine angepasste Antwort übersetzen, ohne dass die Anfrage je das Origin erreicht.

Der Geschäftswert liegt in der Reihenfolge: Personalisierung am Edge greift, bevor die Seite im Browser aufgebaut wird. Da am Edge keine clientseitigen Anti-Flicker-Snippets nötig sind, entfällt die Layout-Verschiebung, die client-seitige Personalisierung typischerweise verursacht. Personalisierte Inhalte erreichen den Browser so ohne Performance-Nachteil und ohne Flackern.

Technisch funktioniert das, weil die Edge-Function vollen Zugriff auf die eingehende Anfrage hat, bevor eine Antwort entsteht: Sie liest Header wie Accept-Language oder User-Agent, wertet das Herkunftsland aus dem CDN-Signal aus und prüft vorhandene First-Party-Cookies. Auf dieser Basis entscheidet sie, welche Sprachversion, welche Währung, welches Versandversprechen oder welcher Empfehlungs-Block ausgeliefert wird, und schreibt das Markup direkt in die Antwort. Der Browser erhält damit von der ersten Auslieferung an die passende Variante, statt zunächst die Standardseite zu rendern und sie anschließend per Skript umzubauen. Genau dieser Umbau im Browser ist die Ursache des berüchtigten Flackerns und der Layout-Sprünge, die Nutzende irritieren und die Core Web Vitals belasten.

Personalisierung ohne Flicker

Verlagern Sie Begrüßung, Sprach- und Währungsauswahl, regionale Versprechen und Empfehlungs-Slots an den Edge. Die Variante steht fest, bevor das erste Byte den Browser erreicht, das beseitigt das typische Aufblitzen der Standardvariante und schützt Ihre Core Web Vitals.

Redirects, Geo-Routing und A/B-Tests vor dem ersten Byte

Edge Functions sitzen im Anfragepfad und können jede Anfrage abfangen, umschreiben oder umleiten, bevor sie das Origin erreicht. Das macht sie zur natürlichen Heimat für Geo-Routing, Sprachweiterleitungen, Wartungsseiten, Bot-Filter und vor allem für A/B-Tests. Statt eine Testvariante per Skript im Browser einzublenden, weist die Edge-Function die Variante serverseitig zu und liefert direkt die richtige Seite aus.

Der Vorteil gegenüber clientseitigen Test-Werkzeugen ist doppelt: kein Flackern und keine zusätzliche Latenz. Edge-basiertes Testing verändert die Auslieferung auf CDN-Ebene, bevor der Inhalt den Nutzer erreicht, sodass Experimente ohne Performance-Strafe und ohne den berüchtigten Flicker-Effekt laufen. Wer Varianten am Edge ausspielt, misst damit den Effekt der Variante und nicht den Effekt des Testwerkzeugs.

Ein praktischer Pluspunkt ist die zuverlässige, konsistente Zuteilung. Die Edge-Function setzt beim ersten Besuch ein stabiles Variantenkennzeichen als First-Party-Cookie und liefert bei jedem weiteren Aufruf dieselbe Variante aus, ohne dass ein clientseitiges Skript erst geladen und ausgewertet werden muss. Das vermeidet die typische Verzerrung, bei der langsam ladende Test-Skripte Messwerte verfälschen, weil ein Teil der Besucher die Seite verlässt, bevor die Variante überhaupt zugewiesen ist. Für valide Experimente ist diese saubere, latenzfreie Zuteilung am Edge ein oft unterschätzter Qualitätsfaktor.

  • Geo-Routing - Besucher automatisch zur passenden Länder- oder Sprachversion leiten, ohne Origin-Roundtrip
  • A/B- und Multivariate-Tests - Varianten serverseitig am Edge zuweisen, flackerfrei und ohne Zusatzlatenz
  • Wartungs- und Sperrseiten - kontrolliert ausspielen, ohne den Shop selbst anzufassen
  • Bot- und Missbrauchsfilter - schädlichen Traffic abweisen, bevor er Rechenleistung am Origin kostet
  • Header- und Cookie-Logik - Sicherheits-Header setzen und First-Party-Tracking am Edge vorbereiten

API-Glue: Schnittstellen am Edge zusammenführen

Moderne Shops sind selten monolithisch. Produktdaten, Lagerbestände, Preise, Bewertungen und Versandoptionen stammen oft aus verschiedenen Systemen. Edge Functions eignen sich hervorragend als API-Glue, also als dünne Vermittlungsschicht, die mehrere Backend-Aufrufe bündelt, Antworten zusammensetzt, Felder umformt und das Ergebnis zwischenspeichert. Das entlastet sowohl den Browser als auch das Origin.

Dieser Ansatz passt ideal zu Headless- und Composable-Commerce-Architekturen, bei denen das Frontend über APIs auf entkoppelte Dienste zugreift. Die Edge-Function übernimmt das Aggregieren und Caching, sodass das Frontend mit einem einzigen, schnellen Aufruf auskommt, statt mehrere langsame Anfragen über das offene Netz zu stellen. Da der Markt für serverlose Architekturen 2025 auf rund 17,78 Milliarden US-Dollar beziffert wird und bis 2034 auf rund 124,52 Milliarden US-Dollar zulegen soll (Precedence Research), wächst auch das Ökosystem an Werkzeugen und Laufzeiten, das solche Muster unterstützt.

Besonders wertvoll ist die Vermittlerrolle, wenn empfindliche Zugangsdaten im Spiel sind. Ein API-Schlüssel für einen Drittdienst oder ein internes ERP gehört niemals in den Browser, wo er ausgelesen werden könnte. Die Edge-Function hält solche Geheimnisse serverseitig, ruft die Schnittstelle in Ihrem Namen auf und gibt nur das aufbereitete, ungefährliche Ergebnis an das Frontend weiter. So entsteht eine schlanke, sichere Fassade vor heterogenen Backend-Systemen, die zugleich Format-Unterschiede glättet und kurzlebige Antworten zwischenspeichert. Fällt ein Backend einmal langsamer aus, kann die Edge-Function zudem auf eine zwischengespeicherte Vorversion zurückgreifen und so die wahrgenommene Stabilität des Shops erhöhen.

edge-function.js
// Edge Function: Produktdaten + Bestand am Edge bündeln
export default async function handler(request) {
  const url = new URL(request.url);
  const sku = url.searchParams.get('sku');

  // Zwei Backend-Aufrufe parallel ausführen
  const [product, stock] = await Promise.all([
    fetch(`https://origin.example/api/products/${sku}`),
    fetch(`https://erp.example/api/stock/${sku}`)
  ]);

  const data = {
    ...(await product.json()),
    available: (await stock.json()).qty > 0
  };

  // Antwort am Edge cachen (60s), entlastet das Origin
  return new Response(JSON.stringify(data), {
    headers: {
      'content-type': 'application/json',
      'cache-control': 'public, max-age=60'
    }
  });
}
Edge ergänzt das Origin, ersetzt es nicht

Rechenintensive oder transaktionskritische Logik wie Zahlungsabwicklung oder Bestellverarbeitung gehört weiterhin ins Origin oder in regionale Serverless-Funktionen. Der Edge übernimmt das, was schnell, zustandslos und nah an Nutzenden passieren sollte. Diese Aufgabenteilung ist der Kern einer durchdachten Cloud-Architektur und einer belastbaren Beratung zur Systemarchitektur.

Bilder und SEO-Aufgaben an den Edge verlagern

Bilder sind der größte Performance-Hebel im Shop. Auf 85,3 % der Desktop-Seiten ist ein Bild das Element, das den Largest Contentful Paint bestimmt (HTTP Archive Web Almanac). Edge-basierte Bildverarbeitung wandelt Bilder genau dann, wenn sie angefragt werden, in moderne Formate um, passt die Größe ans Endgerät an und liefert sie aus dem nächstgelegenen PoP aus.

Moderne Formate lohnen sich, weil sie breit unterstützt werden: WebP erreicht 96,82 % und AVIF 95,36 % der Nutzenden weltweit (caniuse). Die Format- und Größenwahl trifft die Edge-Function anhand der Geräte- und Browser-Signale der jeweiligen Anfrage, eine Aufgabe, die zentral nur schwer effizient lösbar ist.

Bilder am Edge

Format (AVIF/WebP), Qualität und Größe pro Gerät am PoP bestimmen. Das zahlt direkt auf den LCP ein, denn auf 85,3 % der Desktop-Seiten ist ein Bild das LCP-Element (HTTP Archive Web Almanac).

SEO-Aufgaben am Edge

Saubere Weiterleitungen, hreflang-Logik, kanonische Header, Bot-spezifische Antworten und schnelle Time-to-First-Byte, alles ohne Origin-Last und gut für die Suchmaschinenoptimierung.

Kosten und Skalierung: das wirtschaftliche Modell

Der wirtschaftliche Reiz von Serverless liegt im nutzungsbasierten Modell: Sie zahlen pro Ausführung und tatsächlicher Rechenzeit, nicht für dauerhaft laufende Server. Bei schwankendem Traffic, etwa rund um Aktionen oder saisonale Spitzen, ist das oft deutlich günstiger als ein permanent vorgehaltener Server, der die meiste Zeit unterausgelastet ist. Die automatische Skalierung übernimmt der Anbieter, ein wichtiger Baustein neben dem klassischen Auto-Scaling bei Traffic-Spitzen.

Der Kosteneffekt ist gerade im Handel ausgeprägt, weil Shop-Traffic selten gleichmäßig verläuft. Zwischen einer ruhigen Nacht und dem Ansturm zu einem Aktionsstart können Größenordnungen liegen. Ein fest dimensionierter Server muss für die Spitze ausgelegt sein und steht im Tagesschnitt zu großen Teilen ungenutzt bereit, während serverlose Funktionen exakt mit der Last mitatmen und in der Ruhephase nahezu nichts kosten. Wichtig für eine ehrliche Rechnung ist allerdings, nicht nur die Ausführungskosten zu betrachten, sondern auch Datenübertragung, Anfragevolumen und mögliche Zusatzdienste wie Schlüssel-Wert-Speicher am Edge. Erst diese Gesamtbetrachtung zeigt, ob ein konkreter Anwendungsfall am Edge, in einer regionalen Funktion oder doch am Origin am wirtschaftlichsten aufgehoben ist.

Die Marktentwicklung unterstreicht den Trend: Der Serverless-Markt wird 2025 auf rund 17,78 Milliarden US-Dollar geschätzt und soll bis 2034 mit 24,23 % jährlich wachsen (Precedence Research). Parallel verlagert sich die Datenverarbeitung an den Rand: Der Edge-Computing-Markt wird 2025 auf rund 554,39 Milliarden US-Dollar taxiert (Precedence Research).

KriteriumKlassischer ServerEdge / Serverless
Kaltstart / AntwortDauerbetrieb, aber zentral entferntEdge-Isolate unter 5 ms (byteiota)
SkalierungManuell oder Auto-Scaling-GruppeAutomatisch pro Anfrage
KostenmodellFix, oft unterausgelastetPro Ausführung / Rechenzeit
Geografische NäheEine RegionPoPs nahe der Kundschaft
Ideal fürTransaktionen, schwere LogikPersonalisierung, Glue, Bilder
Grenzen realistisch einplanen

Edge-Laufzeiten haben Limits bei Ausführungszeit, Speicher und verfügbaren Bibliotheken. Lang laufende Jobs, große Abhängigkeiten oder direkter Datenbankzugriff gehören nicht an den Edge. Eine saubere Architektur trennt klar zwischen Edge-tauglichen und origin-gebundenen Aufgaben, sonst entstehen schwer auffindbare Fehler und unerwartete Kosten.

Architektur-Muster für Shopware-Shops

In der Praxis kombinieren leistungsfähige Shops mehrere Schichten. Der Edge übernimmt die schnellen, zustandslosen Entscheidungen, regionale Serverless-Funktionen erledigen rechenintensive Aufgaben, und das Origin hält Datenbank und Geschäftslogik. Diese Schichtung ergänzt bewährte Performance-Bausteine wie Brotli-Asset-Komprimierung und Edge-Caching für globale Performance und greift Konzepte aus Edge Computing und Edge Side Rendering auf.

  1. Edge-Schicht - Personalisierung, Geo-Routing, A/B-Tests, Bot-Filter, Header-Logik und Bildtransformation
  2. Caching-Schicht - statische und semi-dynamische Inhalte am Edge halten, eine durchdachte CDN-Strategie reduziert Origin-Last drastisch
  3. API-Glue - mehrere Backend-Aufrufe am Edge bündeln und für kurze Zeit cachen
  4. Regionale Serverless-Funktionen - rechenintensive Aufgaben wie Reportgenerierung oder Bildersatzverarbeitung
  5. Origin - Shopware-Kern, Datenbank, Zahlungs- und Bestellprozesse sowie B2B-Bestellfreigaben und Genehmigungs-Workflows

Wichtig ist, diese Muster nicht als Selbstzweck einzuführen, sondern entlang konkreter Engpässe. Wer zuerst misst, wo Latenz, Origin-Last oder Conversion-Verluste entstehen, kann Edge- und Serverless-Bausteine gezielt dort einsetzen, wo sie den größten Hebel haben. Genau diesen Weg von der Messung zur passenden Cloud-Architektur begleiten wir in unseren Cloud-Projekten, vom ersten Konzept bis zum laufenden Hosting und Betrieb.

Mit Edge-Architektur in messbare Performance investieren

Serverless- und Edge-Functions sind 2026 kein Nischenthema mehr, sondern eine pragmatische Antwort auf zwei Dauerprobleme im E-Commerce: Geschwindigkeit und schwankende Last. Die Zahlen sind eindeutig: unter 5 ms Edge-Startzeit statt 100 ms bis über einer Sekunde beim regionalen Kaltstart (byteiota), 7 % Conversion-Verlust schon bei 100 ms zusätzlicher Latenz (Akamai), dazu ein nutzungsbasiertes Kostenmodell und ein Serverless-Markt, der 2025 bei rund 17,78 Milliarden US-Dollar liegt (Precedence Research).

Der Hebel entsteht nicht durch den Einsatz möglichst vieler Funktionen, sondern durch die richtige Aufgabenteilung zwischen Edge, regionaler Serverless-Schicht und Origin. Als Agentur mit Schwerpunkt auf E-Commerce und Cloud helfen wir Ihnen, Engpässe zu identifizieren, die passenden Edge- und Serverless-Bausteine auszuwählen und sie sicher in Ihren Shopware-Shop zu integrieren, damit jede Millisekunde dort eingespart wird, wo sie über Conversion und Umsatz entscheidet.

Quellen und Studien

Dieser Artikel basiert auf Daten aus: byteiota (Kaltstart- und Latenzvergleich Edge gegenüber regionaler serverloser Ausführung), Akamai (100 ms zusätzliche Ladezeit, bis zu 7 % Conversion-Verlust), caniuse (Browser-Unterstützung für WebP und AVIF), HTTP Archive Web Almanac (Bild als LCP-Element), Precedence Research (Serverless- und Edge-Marktgröße 2025). Die genannten Zahlen können je nach Plattform, Region und Umsetzung variieren.

Häufig gestellte Fragen zu Serverless und Edge Functions

Beide führen ereignisgesteuerten Code ohne eigene Serververwaltung aus. Klassische Serverless-Funktionen laufen zentral in einer Region mit mehr Rechenleistung, aber Kaltstarts von 100 ms bis über einer Sekunde (byteiota). Edge Functions laufen verteilt an vielen Standorten nahe der Kundschaft und starten in der Regel in unter 5 ms (byteiota). Edge eignet sich für schnelle, zustandslose Aufgaben, Serverless für rechenintensivere Logik.

Häufig ja, gerade weil das nutzungsbasierte Kostenmodell keine dauerhaften Serverkosten verursacht. Schon einzelne Anwendungsfälle wie flackerfreie A/B-Tests, Geo-Routing oder edge-basierte Bildoptimierung können sich spürbar auf Performance und Conversion auswirken, da bereits 100 ms Latenz bis zu 7 % Conversion kosten können (Akamai). Sinnvoll ist ein schrittweiser Einstieg an einem konkreten Engpass.

In der Regel ja, sofern die Aufgaben gut gewählt sind. Edge-basierte Bildverarbeitung liefert moderne Formate wie AVIF und WebP, die inzwischen 95,36 % beziehungsweise 96,82 % der Nutzenden weltweit erreichen (caniuse), und Personalisierung am Edge vermeidet das clientseitige Flackern samt Layout-Verschiebung. Beides zahlt direkt auf den Largest Contentful Paint und damit auf die Core Web Vitals ein.

Nein. Der Edge ergänzt das Origin, ersetzt es aber nicht. Transaktionskritische und rechenintensive Aufgaben wie Zahlungsabwicklung, Bestellverarbeitung oder direkter Datenbankzugriff bleiben im Origin oder in regionalen Serverless-Funktionen. Der Edge übernimmt vorgelagerte, zustandslose Aufgaben und entlastet so das Origin.

Das Modell ist nutzungsbasiert: Abgerechnet wird pro Ausführung und Rechenzeit statt für dauerhaft laufende Server. Bei schwankendem Traffic ist das oft günstiger, was auch das Marktwachstum erklärt: Der Serverless-Markt soll bis 2034 mit rund 24,23 % jährlich zulegen (Precedence Research). Wichtig ist, Ausführungszeit- und Speicherlimits einzuplanen, damit keine unerwarteten Kosten entstehen.

Wir analysieren zunächst, wo in Ihrem Shop Latenz, Origin-Last oder Conversion-Verluste entstehen, und leiten daraus die passenden Edge- und Serverless-Bausteine ab. Anschließend integrieren wir sie sicher in Ihren Shopware-Shop und Ihre Cloud-Umgebung, mit klarer Trennung zwischen edge-tauglichen und origin-gebundenen Aufgaben.