Eine Landingpage entscheidet in Sekundenbruchteilen. Google Research misst, dass sich das ästhetische Urteil über eine Seite bereits innerhalb der ersten 50 ms bildet, in einer zweiten Versuchsreihe genügten 17 ms (Google Research). Was danach kommt – Ladezeit, Formularlänge, Vertrauenssignale -, entscheidet darüber, ob aus dem ersten Eindruck ein Kauf wird. Dieser Beitrag sammelt die Hebel, die sich messen lassen, und die Zielwerte, die dafür belegt sind.
Warum E-Commerce-Landingpages unterdurchschnittlich konvertieren
Der deutsche Onlinehandel ist kein Randkanal: 86 % der 16- bis 74-Jährigen haben schon einmal online eingekauft, 70 % in den letzten drei Monaten (Statistisches Bundesamt). Der Bruttoumsatz mit Waren erreichte 2025 83,1 Mrd. Euro (bevh). Wer in diesem Umfeld eine Landingpage betreibt, konkurriert nicht um Aufmerksamkeit an sich, sondern um die wenigen Sekunden, die ein Besucher der Seite einräumt.
Die erste Hürde ist technisch. Bevor ein Besucher etwas sieht, muss der Server antworten: web.dev nennt 0,8 s als guten Wert für die Time to First Byte. Dazu kommt die Reihenfolge der Bewertung – Google zieht für Indexierung und Ranking die mit dem Smartphone-Crawler geholte mobile Fassung heran (Google). Die Handy-Ansicht ist damit nicht die Zweitfassung, sondern die maßgebliche.
| Faktor | Ist-Zustand | Optimiertes Ziel |
|---|---|---|
| Largest Contentful Paint | über der Schwelle | unter 2,5 s (web.dev) |
| Time to First Byte | über der Schwelle | unter 0,8 s (web.dev) |
| Interaction to Next Paint | über der Schwelle | unter 200 ms (web.dev) |
| Cumulative Layout Shift | über der Schwelle | unter 0,1 (web.dev) |
| Formularelemente im Ablauf | 23,48 im Schnitt | 12–14 Elemente (Baymard Institute) |
Above-the-Fold: Die kritischen ersten Sekunden
Google Research hat Probanden Seiten für den Bruchteil einer Sekunde gezeigt und danach ihr Urteil abgefragt. Visuelle Komplexität und Prototypikalität wirkten bereits innerhalb der ersten 50 ms, in einer zweiten Reihe genügten 17 ms (Google Research). Das heißt nicht, dass eine Seite in dieser Zeit verkauft – es heißt, dass die erste Sekunde nicht mit Aufbauarbeit vergehen darf.
Wie gut das gelingt, ist messbar. Der Web Almanac des HTTP Archive misst für 74 % der Desktop-Seiten einen guten Largest Contentful Paint, auf dem Handy sind es 62 %; 18 % am Desktop und 25 % mobil gelten als verbesserungswürdig, 7 % gegenüber 13 % als schlecht (Web Almanac). Auf dem Handy erreicht also gut ein Drittel der Seiten den Zielwert nicht.
Eine Aussage, nicht fünf
Der sichtbare Bereich trägt genau eine Botschaft. Alles, was erklärt werden muss, gehört darunter – nicht daneben.
Handlungsaufruf ohne Suche
Der nächste Schritt ist sichtbar, ohne zu scrollen, und als Schaltfläche erkennbar. Ein zweiter Aufruf weiter unten wiederholt ihn.
Vertrauen früh zeigen
Bewertungen, Lieferangaben und Zahlungsarten gehören in den sichtbaren Bereich, nicht in die Fußzeile.
Ladezeit als Conversion-Killer: Jede Millisekunde zählt
Der Zusammenhang zwischen Ladezeit und Conversion ist in unabhängigen Auswertungen dokumentiert: Je länger eine Seite lädt, desto niedriger fällt die Conversion Rate aus – und der Abfall ist in den ersten Sekunden am stärksten. Welche Schwellen Google dabei ansetzt, steht im Beitrag zu den Core Web Vitals.
Deloitte kommt auf derselben Linie an: eine Verbesserung um 0,1 s hob die Conversion Rate im Einzelhandel um 8,4 % und den durchschnittlichen Bestellwert um 9,2 % (Deloitte). Amazon maß bereits 2006, dass 100 ms zusätzliche Ladezeit 1 % Umsatz kosten (Conductor). Bewertet wird dabei nicht der Mittelwert, sondern das 75. Perzentil der Seitenaufrufe (web.dev) – die langsamen Besuche entscheiden, nicht die schnellen.
- Time to First Byte messen: web.dev nennt 0,8 s als guten Wert.
- Das LCP-Element bestimmen, meist das Hero-Bild, und sein Gewicht prüfen: der Web Almanac misst 911 KB Bildgewicht auf Startseiten (HTTP Archive).
- Feldwerte statt Laborwerte verwenden und am 75. Perzentil ablesen (web.dev).
- Handy und Desktop getrennt auswerten, nie gemittelt.
- Nach jeder Änderung erneut messen, statt die Wirkung zu schätzen.
Google nennt drei Schwellen für ein gutes Nutzungserlebnis: Largest Contentful Paint unter 2,5 s, Interaction to Next Paint unter 200 ms und Cumulative Layout Shift unter 0,1 (web.dev). Interaction to Next Paint hat den früheren First Input Delay abgelöst – wer noch gegen den alten Wert optimiert, misst an der falschen Stelle.
Weniger ist mehr: Seitenkomplexität und Conversion
Komplexität kostet Conversion, und sie lässt sich zählen. Das Baymard Institute misst im Durchschnitt 23,48 Formularelemente in einem Checkout, während ein kurzer Ablauf mit 12–14 Elementen auskommt (Baymard Institute). Für die Landingpage gilt dasselbe in kleinerem Maßstab: jedes Feld, jede Auswahl und jeder Kasten ist eine Entscheidung, die der Besucher treffen muss.
Baymard nennt 8 Formularfelder als Richtwert für einen vollständigen Checkout gegenüber einem Schnitt von 11,3 Feldern (Baymard Institute) und beziffert die mögliche Reduzierung der angezeigten Formularelemente auf 20–60 % (Baymard Institute). Rechnerisch liegt darin das größte unausgeschöpfte Stück: das Conversion-Potenzial einer besseren Checkout-Gestaltung beträgt im Mittel 35,26 % (Baymard Institute).
Pflichtfelder prüfen
Jedes Feld braucht eine Begründung aus dem Geschäftsvorgang. Was erst nach dem Kauf gebraucht wird, wird auch erst dann erfragt.
Auswahl vorbelegen
Versandart, Land und Anrede lassen sich sinnvoll vorbelegen. Eine korrigierbare Vorgabe ist schneller als eine leere Liste.
Fehler sofort zeigen
Eine Prüfung direkt am Feld erspart den Rücksprung nach dem Absenden und damit den häufigsten Abbruchpunkt im Formular.
Zweitwege anbieten
Gastbestellung und ein zweiter Zahlungsweg fangen die Besucher auf, die den vorgesehenen Weg nicht gehen wollen.
Seitengewicht: Bilder und Skripte im Griff behalten
Bilder sind der größte Einzelposten im Seitengewicht. Der Web Almanac des HTTP Archive misst für die mittlere Seite 1.054 KB Bilder und 613 KB JavaScript (HTTP Archive). Beides landet auf derselben Leitung wie der Inhalt, auf den der Besucher wartet.
Getrennt nach Seitentyp fällt das Bild noch deutlicher aus: Startseiten tragen im Median 911 KB Bildgewicht, Unterseiten 354 KB (HTTP Archive). Eine Landingpage verhält sich wie eine Startseite – sie will zeigen statt erklären – und landet damit regelmäßig am oberen Ende.
Dass sich die Arbeit an diesen Werten rechnet, ist dokumentiert: Vodafone verbesserte den Largest Contentful Paint um 31 % und verzeichnete 8 % mehr Verkäufe (web.dev). Der Hebel liegt fast immer am selben Ort – beim größten Bild im sichtbaren Bereich.
Vertrauenssignale: Bewertungen und Prüfzeichen
Vertrauen ist kein weicher Faktor, sondern eine messbare Größe. Das Spiegel Research Center hat mit einem Onlinehändler erhoben, was angezeigte Bewertungen bewirken: Die Kaufwahrscheinlichkeit eines Produkts mit fünf Bewertungen lag 270 % über der eines Produkts ohne Bewertung (Spiegel Research Center).
Der Effekt ist nicht gleich verteilt. Bei günstigen Artikeln stieg die Conversion Rate um 190 %, bei teureren um 380 % (Spiegel Research Center). Je erklärungsbedürftiger und teurer das Produkt, desto stärker wiegt die Stimme anderer Käufer.
- Bewertungen mit Anzahl und Datum, nicht nur als Sternereihe.
- Lieferzeit und Versandkosten vor dem Klick auf den Handlungsaufruf.
- Zahlungsarten als Symbolreihe, nicht als Fließtext im Impressum.
- Rückgabebedingungen in einem Satz, verlinkt auf die vollständige Fassung.
- Kontaktweg mit Erreichbarkeit statt eines anonymen Formulars.
Ein Abzeichen, das den geprüften Käufer einer Bewertung kennzeichnet, erhöhte die Kaufwahrscheinlichkeit um weitere 15 % (Spiegel Research Center). Entscheidend ist die Nachvollziehbarkeit: Wer eine Bewertung einordnen kann, glaubt ihr eher.
Mobile-First: Die Conversion-Lücke schließen
In Deutschland entfielen im gemessenen Monat 50,91 % der Seitenaufrufe auf Mobilgeräte (Statcounter Global Stats). Google zieht für Indexierung und Ranking die mobile Fassung einer Seite heran (Google) – eine Landingpage, die am Desktop gebaut und am Handy nachgereicht wird, entsteht also in der falschen Reihenfolge.
Das betrifft auch die Bedienung. web.dev nennt rund 48 geräteunabhängige Pixel als empfohlene Mindestgröße für ein Tippziel auf einer Seite mit korrekt gesetztem mobilem Darstellungsbereich (web.dev). Links, die im Fließtext dicht untereinander stehen, unterschreiten diesen Wert regelmäßig.
- Tippziele mit rund 48 geräteunabhängigen Pixeln Kantenlänge (web.dev).
- Formularfelder mit passendem Eingabetyp, damit die richtige Tastatur erscheint.
- Kein waagerechtes Scrollen, auch nicht bei Tabellen und Preisübersichten.
- Der Handlungsaufruf bleibt ohne Scrollen erreichbar.
- Largest Contentful Paint unter 2,5 s auch über Mobilfunk (web.dev).
- Schriftgröße mindestens so groß, dass niemand zoomen muss.
- Klebende Leisten so schmal, dass sie den Inhalt nicht verdecken.
- Jede Änderung auf einem echten Gerät gegenprüfen, nicht nur im Simulator.
Datenbasiert optimieren: Testing-Framework aufbauen
Ein Test braucht seine Entscheidungsregel, bevor er startet. CXL nennt 95 % als übliches Konfidenzniveau (CXL). Wer diese Schwelle erst nach dem Blick auf die Zwischenstände festlegt, misst nicht mehr, sondern sucht sich das passende Ergebnis. Wie ein sauberer Testaufbau im Shop aussieht, zeigt der Beitrag zum A/B-Testing im Online-Shop.
Dazu kommt die Teststärke: 80 % gelten als Standard für A/B-Testing-Werkzeuge (CXL). Beides zusammen bestimmt, wie viele Besucher ein Test braucht. Wer vorher nicht rechnet, bricht entweder zu früh ab oder lässt eine Variante ewig laufen.
Wie groß der Hebel einer einzigen Überschrift sein kann, zeigt ein Beispiel aus der Harvard Business Review: Ein Test an der Darstellung von Anzeigenüberschriften bei einem Suchmaschinenbetreiber steigerte den Umsatz um 12 %, aufs Jahr gerechnet mehr als 100 Millionen US-Dollar allein in den USA (Harvard Business Review).
Bevor eine Variante gebaut wird, lohnt der Blick auf die Feldzahl: 8 Formularfelder reichen für einen vollständigen Checkout, der Schnitt liegt bei 11,3 (Baymard Institute). Felder zu streichen ist der Test mit dem geringsten Bauaufwand.
Von der Landingpage zum Kaufabschluss: Der Conversion-Funnel
Der Weg endet nicht auf der Landingpage. Das Baymard Institute bündelt Studien zur Abbruchquote im Warenkorb und kommt über 50 Erhebungen auf einen Mittelwert von 70,22 % (Baymard Institute). Was auf der Landingpage gewonnen wird, kann im Checkout wieder verloren gehen. Wo diese Abbrüche im Einzelnen entstehen, behandelt der Beitrag zur Checkout-Optimierung.
Ein großer Teil davon ist Bedienung, nicht fehlende Kaufabsicht. Baymard beziffert den Zuwachs, den eine bessere Checkout-Gestaltung im Mittel bringt, auf 35,26 % (Baymard Institute) – das ist der Anteil, der durch Aufräumen des Ablaufs erreichbar ist, ohne einen einzigen zusätzlichen Besucher.
Dass Bedienbarkeit kein Randthema ist, zeigt die europäische Erhebung: 63 % der Online-Käufer berichteten für 2025 von keinem einzigen Problem beim Einkauf (Eurostat). Bei 12 % war die Website schwer zu bedienen oder funktionierte nicht zufriedenstellend (Eurostat) – ein Anteil, der sich mit Technik beheben lässt, nicht mit Werbung.
Die Zahlen in diesem Beitrag stammen aus dem Web Almanac des HTTP Archive, den Checkout-Untersuchungen des Baymard Institute, den Schwellenwerten und Fallberichten auf web.dev, der Bewertungsstudie des Spiegel Research Center sowie den Erhebungen von Eurostat, dem Statistischen Bundesamt und dem bevh. Jede Angabe ist in der Beitragsdatei mit Tieflink und wörtlichem Zitat hinterlegt.
Mobile Landingpage-Optimierung: Mehr als Responsive Design
Der Web Almanac misst für Juni 2025 bei 48 % der mobilen Seiten einen guten Gesamtwert bei den Core Web Vitals, am Desktop sind es 56 % (HTTP Archive). Der Abstand ist kleiner geworden, aber er besteht – und er trifft genau den Kanal, über den die Mehrheit der Besucher kommt.
Die Ursachen sind bekannt. Beim Time to First Byte erreichen 44 % der mobilen Seiten einen guten Wert, 40 % gelten als verbesserungswürdig und 17 % als schlecht (HTTP Archive). Dazu kommt das Bildgewicht von 911 KB im Median auf Startseiten (HTTP Archive), das über eine Mobilfunkverbindung anders wiegt als im Büro.
Dass sich mobile Arbeit auszahlt, ist dokumentiert: Flipkart verzeichnete nach dem Umstieg auf eine Progressive Web App 70 % mehr Conversions, Lancome 17 % (web.dev). Zusammen mit Tippzielen von rund 48 geräteunabhängigen Pixeln (web.dev) trennt das eine Seite, die am Handy funktioniert, von einer, die dort nur angezeigt wird.
Bildgewicht zuerst
Das größte Bild im sichtbaren Bereich bestimmt den Largest Contentful Paint. 911 KB auf einer Startseite sind der übliche Ausgangswert (HTTP Archive).
Antwortzeit vor Optik
Solange der Server über 0,8 s braucht (web.dev), hilft keine Optimierung im Frontend. Der Weg führt über Cache und Hosting.
Bedienbar bleiben
Tippziele von rund 48 geräteunabhängigen Pixeln (web.dev) und sichtbare Zustände sind Voraussetzung, kein Zusatz.
Landingpage-Testing: Systematisch zur optimalen Seite
Die Wirkung technischer Arbeit lässt sich auch ohne eigenen Test abschätzen. Der Chromium Blog berichtet, dass Seiten, die alle Schwellen der Core Web Vitals erfüllen, eine um 24 % geringere Abbruchwahrscheinlichkeit beim Laden aufweisen (Chromium Blog).
Ein dokumentierter Fall aus dem Handel: Nach der Arbeit an den Core Web Vitals stieg der Umsatz je Besucher um 53,37 % und die Conversion Rate um 33,13 % (web.dev). Solche Werte sind kein Versprechen, sie zeigen die Größenordnung, in der sich technische Arbeit bewegen kann.
Auch kleine Schritte zahlen ein: Für 0,1 s schnellere Seiten misst Deloitte 9,1 % mehr Übergänge von der Produktseite in den Warenkorb (Google/Deloitte über web.dev). Ein Test muss also nicht die ganze Seite umbauen, um eine messbare Wirkung zu zeigen.
Wichtig ist die Reihenfolge: erst messen, dann eine Hypothese formulieren, dann genau eine Sache ändern. Wer zwei Elemente gleichzeitig tauscht, weiß am Ende nur, dass sich etwas geändert hat, aber nicht, was gewirkt hat.
- Ausgangswert über mindestens einen vollständigen Wochenzyklus erheben.
- Hypothese aufschreiben: was wird geändert, welche Wirkung wird erwartet, warum.
- Konfidenzniveau 95 % und Teststärke 80 % vor dem Start festlegen (CXL).
- Laufzeit aus Ausgangswert und erwarteter Änderung berechnen, nicht schätzen.
- Während der Laufzeit nichts anfassen – kein Zwischenstand, keine Nachbesserung.
- Ergebnis dokumentieren, auch wenn die Variante verliert.
Häufige Fragen zur Landingpage-Optimierung im E-Commerce
Als Zielwert gilt ein Largest Contentful Paint unter 2,5 s, ein Interaction to Next Paint unter 200 ms und ein Cumulative Layout Shift unter 0,1 (web.dev).
So wenige wie der Geschäftsvorgang zwingend braucht. Das Baymard Institute nennt 8 Formularfelder als Richtwert für einen vollständigen Checkout bei einem Schnitt von 11,3 Feldern und hält eine Reduzierung der angezeigten Formularelemente um 20–60 % für möglich (Baymard Institute).
Angezeigte Bewertungen wiegen am schwersten: Die Kaufwahrscheinlichkeit eines Produkts mit fünf Bewertungen lag 270 % über der eines Produkts ohne Bewertung, ein Abzeichen für geprüfte Käufer brachte weitere 15 % (Spiegel Research Center).
Google zieht für Indexierung und Ranking die mobile Fassung heran (Google), und in Deutschland entfielen 50,91 % der gemessenen Seitenaufrufe auf Mobilgeräte (Statcounter Global Stats). Dazu kommt die Bedienung: web.dev nennt rund 48 geräteunabhängige Pixel als empfohlene Mindestgröße für ein Tippziel.
So lange, wie die vorab berechnete Stichprobe es verlangt. Üblich sind ein Konfidenzniveau von 95 % und eine Teststärke von 80 % (CXL); daraus und aus dem Ausgangswert ergibt sich die nötige Besucherzahl. Ein Abbruch beim ersten erfreulichen Zwischenstand macht aus der Messung eine Vermutung.
Die dokumentierten Effekte hängen nicht an der Shopgröße. Deloitte misst für 0,1 s schnellere Seiten 8,4 % mehr Conversion und 9,2 % höheren Bestellwert (Deloitte); Seiten mit guten Core Web Vitals weisen eine um 24 % geringere Abbruchwahrscheinlichkeit auf (Chromium Blog). Beides wirkt unabhängig vom Sortiment.