Was ein LCP von vier Sekunden mit deiner Checkout-Conversion macht
Vier Sekunden klingen nach wenig. Im Checkout sind sie der Unterschied zwischen Verkauf und abgebrochenem Warenkorb.
Der Kunde hat sich längst entschieden. Produkt im Warenkorb, Karte aus dem Portemonnaie, Klick auf Kauf abschließen. Und dann starrt er vier Sekunden lang auf einen fast leeren Bildschirm.
Diese vier Sekunden sind dein Largest Contentful Paint. Es ist die Zeit, bis das größte sichtbare Element der Seite erscheint. Im Checkout ist das meist die Bestellübersicht oder der Bezahl-Button. Solange nichts rendert, hat der Kunde nichts zu tun. Nur warten und zweifeln.
Der Zweifel ist das Problem. Ein langsamer LCP blockiert nicht nur die Seite. Er blockiert die Kaufentscheidung, die schon getroffen war.
Die Zahl, die du kennen solltest
Google definiert drei Bereiche für den LCP. Bis 2,5 Sekunden ist gut. Zwischen 2,5 und 4 Sekunden braucht es Verbesserung. Über 4 Sekunden ist schlecht. Dein Checkout mit 4 Sekunden steht genau auf der falschen Seite dieser Grenze.
Und das ist nicht kosmetisch. Google selbst hat veröffentlicht: Steigt die Ladezeit von 1 auf 3 Sekunden, wächst die Absprungwahrscheinlichkeit um 32 %. Von 1 auf 5 Sekunden um 90 %. Dein Checkout lebt genau in dieser Risikozone.
Akamai hat in einer Studie zum Online-Handel von 2017 gemessen: Eine Verzögerung von nur 100 Millisekunden senkte die Conversion Rate um 7 %. Hundert Millisekunden. Du hast viertausend zu viel.
Warum der Checkout der schlechteste Ort für Langsamkeit ist
Es gibt einen Unterschied zwischen einer langsamen Listenseite und einem langsamen Checkout. In der Liste stöbert der Kunde noch. Die Geduld ist größer, weil die Absicht noch vage ist.
Im Checkout ist die Absicht am höchsten und die Geduld am niedrigsten. Der Kunde hat die mentale Arbeit schon geleistet, Geld auszugeben. Jede Sekunde Wartezeit öffnet ein Fenster für das Zögern. Ihm fällt ein, dass er das eigentlich nicht braucht. Er denkt daran, Preise woanders zu vergleichen. Eine Benachrichtigung kommt, und er ist weg.
Du verlierst keinen neugierigen Besucher. Du verlierst einen Verkauf, den du schon gewonnen hattest.
Was deine vier Sekunden meistens frisst
Bei den meisten langsamen Checkouts ist der Schuldige kein Rätsel. Er ist vorhersehbar. Sieh dir das übliche Muster an:
- Skripte von Drittanbietern, die das Rendering blockieren — Chat-Widgets, Remarketing-Pixel, Tag-Manager, synchron oben in der Seite geladen.
- Produktbilder ohne festgelegte Dimensionen, ohne modernes Format (AVIF oder WebP) und ohne korrektes Lazy Loading, sodass der Browser warten muss.
- Langsame Server-Antwort — eine hohe Time to First Byte, weil die Seite ohne Cache bei jeder Anfrage erzeugt wird, statt vorgerendert ausgeliefert.
- Webfonts, die den Text blockieren, bis sie geladen sind, sodass der Bezahl-Button länger unsichtbar bleibt als nötig.
- Zu viel JavaScript, das heruntergeladen, geparst und ausgeführt werden muss, bevor die Seite nutzbar ist.
Achte auf ein wichtiges Detail. Fast keines dieser Probleme dreht sich um das Design der Seite. Es sind Engineering-Entscheidungen. Deshalb investieren viele in ein Redesign des Checkouts, und die Conversion bewegt sich nicht. Das Problem lag nie an der Farbe des Buttons.
Wie man das ernsthaft angeht
Zuerst: Miss mit echten Nutzerdaten, nicht nur auf deinem Laptop mit Glasfaser. Der Chrome User Experience Report und die Search Console zeigen dir den LCP, den deine echten Kunden erleben, auf ihrem Handy, in ihrem Netz. Das ist die Wahrheit, die zählt.
Dann: Identifiziere das konkrete LCP-Element deiner Checkout-Seite. Die Chrome DevTools sagen dir genau, welches es ist. Rate nicht. Optimiere dieses Element zuerst, denn es bestimmt die Metrik.
- Render den Checkout vor oder liefere ihn mit Cache, um die Time to First Byte unter 800 ms zu drücken.
- Lade alle Drittanbieter-Skripte verzögert oder asynchron — das Facebook-Pixel muss den Bezahl-Button nicht blockieren.
- Liefere kritische Bilder in AVIF oder WebP, mit expliziten Dimensionen und hoher Priorität beim LCP-Element.
- Nutze font-display swap, damit der Text sofort erscheint, ohne auf die Schrift zu warten.
- Schneide JavaScript weg, das für den ersten Render nicht nötig ist, und teile das Bundle auf.
Das lohnt sich vor jeder bezahlten Traffic-Kampagne. Es ergibt keinen Sinn, dafür zu zahlen, Kunden in einen Checkout zu holen, der sie in den ersten vier Sekunden verliert. Du füllst einen Eimer mit Loch.
Die Rechnung, die niemand machen will
Nimm deine Warenkorbabbruchrate. Verbinde sie mit den LCP-Daten aus der Search Console. Liegt dein Checkout auf dem Handy über 4 Sekunden, ist ein Teil deines Verlusts weder ein Preiseinwand noch fehlendes Vertrauen. Es ist nur Langsamkeit.
Und Langsamkeit ist das einzige Conversion-Problem, das sich lösen lässt, ohne ein einziges Wort deiner Copy oder einen Cent deines Preises zu ändern. Es löst sich mit Engineering. Es gehört zu den Investitionen mit der besten Rendite, die ein Online-Geschäft machen kann.
Miss deinen LCP diese Woche. Liegt er bei 4 Sekunden, weißt du schon, wo das Leck ist.
- 01web.dev — Largest Contentful Paint (LCP)
- 02web.dev — Core Web Vitals
- 03Think with Google — Find out how you stack up to new industry benchmarks for mobile page speed
- 04Akamai — Online Retail Performance Report (2017)
- 05web.dev — Optimize Largest Contentful Paint
- 06Chrome Developers — Chrome User Experience Report