Ihr potenzieller Kunde sucht bei Google, klickt auf Ihre Website und beginnt zu warten. Das Menü ist vielleicht schon sichtbar, doch das Produktbild oder der Hauptinhalt, der Ihre Leistung beschreibt, wird möglicherweise noch nicht angezeigt. Der Besucher muss auf das Laden der Seite warten, bevor er Ihr Unternehmen überhaupt beurteilen kann.
Die LCP-Optimierung ist eine Performance-Optimierung, die dafür sorgt, dass das größte Inhaltselement im ersten sichtbaren Bereich einer Seite früher angezeigt wird. Für Unternehmen besteht das Ziel darin, den Weg des Besuchers zu den gesuchten Inhalten zu beschleunigen und die Wartezeit auf wichtigen Seiten zu verkürzen.
In diesem Leitfaden erfahren Sie, wie der LCP gemessen wird, welche Probleme untersucht werden sollten und wie sich der Optimierungsprozess anhand eines Beispielszenarios für ein Unternehmen planen lässt.
Was ist der LCP und was misst er?
LCP steht für Largest Contentful Paint. Er misst die Zeit vom Beginn des Seitenaufbaus bis zur Darstellung des größten geeigneten Bild-, Textblock- oder Videoelements im sichtbaren Bereich.
Auf einer E-Commerce-Seite kann das Produktfoto das LCP-Element sein, auf einer Leistungsseite ein großes Teaserbild und in einem Blogbeitrag ein Textblock. Der LCP zeigt nicht den Zeitpunkt an, zu dem alle Dateien der Seite vollständig geladen sind. Google web.dev LCP-Leitfaden
Wie viele Sekunden sollte ein guter LCP-Wert betragen?
| LCP-Zeit | Bewertung |
|---|---|
| 2,5 Sekunden und weniger | Gut |
| Über 2,5 Sekunden, bis 4 Sekunden | Verbesserungswürdig |
| Über 4 Sekunden | Schlecht |
Bei der Bewertung werden Mobilgeräte und Desktop getrennt betrachtet; maßgeblich ist das 75. Perzentil der Seitenaufrufe. Für ein gutes Ergebnis sollte der LCP bei mindestens 75 % der Besuche bei 2,5 Sekunden oder darunter liegen. Ein einzelner schneller Test belegt nicht, dass diese Bedingung erfüllt ist. LCP-Schwellenwerte und Messansatz
Warum ist die LCP-Optimierung für Unternehmen wichtig?
Aus Unternehmenssicht sollte der Wert einer Performance-Maßnahme immer danach beurteilt werden, in welcher Phase der Kunde warten muss.
Verzögert sich auf einer Produktseite das Foto, erschwert das die Begutachtung des Produkts; verzögert sich auf einer Leistungsseite der Hauptinhalt, wird es schwieriger, das Angebot zu verstehen. Es reicht daher nicht aus, die Optimierungsprioritäten allein an der langsamsten Seite auszurichten. Auch die Besucherzahl der Seite, ihre Rolle im organischen Traffic und ihre Position im Verkaufsprozess spielen eine Rolle.
So haben etwa eine Archivseite mit wenigen Besuchen pro Monat und eine Leistungsseite, die einen wesentlichen Teil der Angebotsanfragen liefert, nicht dieselbe Priorität. Der richtige Einstieg für Unternehmen sind Seiten, auf denen ein Performance-Problem und wirtschaftliche Bedeutung zusammentreffen.
Welchen Einfluss hat der LCP auf die SEO?
Der LCP gehört zu den Core Web Vitals, mit denen Google die Nutzererfahrung bewertet. Die weiteren Kennzahlen sind INP für die Reaktionsfähigkeit bei Interaktionen und CLS für die visuelle Stabilität. Google empfiehlt gute Core-Web-Vitals-Werte und berücksichtigt sie als Teil der allgemeinen Seitenerfahrung. Google Search Central
Deshalb sollte die LCP-Optimierung Teil der technischen SEO-Planung sein. Eine bestimmte Zeitersparnis lässt sich jedoch nicht mit einem bestimmten Ranking- oder Umsatzzuwachs gleichsetzen. Ob der Inhalt die Suchintention erfüllt, wie gut die Seite zugänglich ist und wie stark das Angebot ist, muss ebenfalls separat bewertet werden.
Wie erkennt man LCP-Probleme?
Der erste Schritt ist, eine Stichprobe wichtiger Seiten zusammenzustellen. Verwenden Startseite, Leistungsseite, Kategorieseite und Produktseite unterschiedliche Templates, sollte jedes davon geprüft werden.
PageSpeed Insights liefert zwei Arten von Daten:
- Felddaten (echte Nutzer): Sofern ausreichend Daten vorliegen, zeigt der Bericht über CrUX die Nutzererfahrung der letzten 28 Tage.
- Labordaten: Sie werden mit Lighthouse unter bestimmten Testbedingungen erzeugt und helfen bei der Ursachenforschung.
Fehlende Felddaten bedeuten nicht, dass die Seite schnell ist. Außerdem sollte geprüft werden, ob der Bericht Daten für die untersuchte URL oder für den gesamten Origin der Website anzeigt. PageSpeed-Insights-Dokumentation
Für die Ausgangsdokumentation auf Unternehmensseite empfiehlt es sich, folgende Angaben festzuhalten:
| Angabe | Verwendungszweck |
|---|---|
| Untersuchte Seite und Template | Umfang des Problems bestimmen |
| Messung für Mobilgeräte oder Desktop | Betroffene Nutzererfahrung abgrenzen |
| Datenquelle und Zeitraum | Vergleich aussagekräftig machen |
| Organische Zugriffe und Conversion-Ziel | Geschäftliche Priorität festlegen |
| Letzte Design- und Infrastrukturänderungen | Mögliche Ursachen untersuchen |
Diese Dokumentation erleichtert es, am Ende der Arbeiten die Frage „Was hat sich verändert?“ konkret zu beantworten.
Wie führt man eine LCP-Optimierung durch?
Bei einer Seite mit Bildern kann die Verzögerung bei der ersten Serverantwort, beim Start der Bildanfrage, beim Herunterladen der Datei oder beim Rendern des Inhalts entstehen.
Die technische Untersuchung konzentriert sich daher auf folgende Bereiche:
| Prüfbereich | Mögliche Maßnahme |
|---|---|
| Verzögerte erste Antwort | Serververarbeitung, Caching und Weiterleitungen prüfen |
| Spätes Entdecken des Bildes | Das Hauptbild bereits im ersten HTML zugänglich machen |
| Verzögertes Laden des LCP-Bildes | Lazy Loading für dieses Bild entfernen |
| Große Bilddatei | Passende Größe, Komprimierung und moderne Formate prüfen |
| Priorisierungsproblem | Bei notwendigen Ressourcen fetchpriority oder Preload einsetzen |
| Verzögerte Darstellung | Render-blockierendes CSS und JavaScript reduzieren |
Es reicht möglicherweise nicht aus, nur die Dateigröße zu verringern: Wird ein Bild zwar heruntergeladen, aber bis zum Abschluss von JavaScript verborgen gehalten, verzögert sich der LCP trotzdem. Die Maßnahme sollte sich nach dem in der Messung gefundenen Engpass richten. Googles Leitfaden zur LCP-Optimierung
Die Erklärung, die ein Unternehmen hier einfordern sollte, ist simpel: Welche Änderung behebt welche Verzögerung, und wie wird das Ergebnis überprüft?
Fallbeispiel: Hauptinhalt erscheint auf einer Leistungsseite zu spät
Das folgende Szenario dient der Veranschaulichung. Es handelt sich weder um das Ergebnis eines echten Kunden noch um ein Leistungsversprechen.
Stellen wir uns ein Unternehmen vor, das Unternehmensberatung anbietet. Organische Besucher landen direkt auf der Leistungsseite. Das Unternehmen möchte mehr Angebotsanfragen erhalten, hat jedoch Zweifel am mobilen Seitenaufruf.
1. Ausgangslage
Im Beispielszenario soll der Median-LCP wiederholter Labortests unter gleichen Bedingungen 4,8 Sekunden betragen. Dieser Wert sollte nicht als 75.-Perzentil-Messung echter Nutzer dargestellt werden.
Nehmen wir an, die Untersuchung zeigt, dass das Hauptbild erst nachträglich durch eine Animationskomponente in die Seite eingefügt wird. Das Projektteam entscheidet sich als ersten Versuch dafür, diese Abhängigkeit zu entfernen, ohne die Bildqualität zu mindern.
2. Umsetzungsplan
Die Maßnahme wird zunächst auf einer einzelnen Leistungsseite getestet. Das Designteam prüft das Erscheinungsbild, das Entwicklungsteam das Ladeverhalten und das Marketingteam das Angebotsformular sowie die Tracking-Events.
Vor der Veröffentlichung werden Abnahmekriterien festgelegt:
- Hauptinhalt und Markenauftritt müssen erhalten bleiben.
- Das Angebotsformular muss reibungslos funktionieren.
- Analyse- und Conversion-Events dürfen nicht verloren gehen.
- Das LCP-Ziel muss in Vergleichstests bewertet werden.
Als erstes technisches Ziel könnte zum Beispiel ein Labor-LCP von 2,5 Sekunden oder weniger gewählt werden. Das ist kein erreichtes Ergebnis, sondern das festgelegte Ziel, anhand dessen die Umsetzung überprüft wird.
3. Bewertung des Ergebnisses
Nach der Änderung werden dieselben Testbedingungen wiederholt. Anschließend wird anhand ausreichender Felddaten der Trend der mobilen Nutzererfahrung beobachtet.
Außerdem verfolgt das Unternehmen die Raten für den Start und den Abschluss des Formulars auf der Leistungsseite. Wurden in dieser Zeit auch Kampagne, Preis oder Formulardesign geändert, lässt sich der Unterschied bei der Conversion nicht vollständig der LCP-Optimierung zuschreiben.
Das Ergebnis dieses Fallansatzes ist nicht nur ein Geschwindigkeitswert: Das Unternehmen sieht, welches Problem angegangen wurde, welche Kontrolle durchgeführt wurde und worauf die Entscheidung zum Rollout beruht.
Der LCP-Optimierungsprozess mit SEO Performans
Bei der LCP-Optimierung von SEO Performans besteht das Ziel darin, Performance-Probleme der Website gemeinsam mit den Prioritäten des Unternehmens zu betrachten. Der Umfang der Arbeiten wird anhand der bestehenden Infrastruktur und der Analyseergebnisse festgelegt.
Der Prozess wird entlang der folgenden Fragen geplant:
Auf welche Seiten sollte der Fokus liegen?
Es werden Seiten bestimmt, die für die organische Sichtbarkeit und die Kundengewinnung wichtig sind.
Wo entsteht die Verzögerung?
Die Messungen dienen dazu, die Ursachen des Problems zu untersuchen.
Welche Änderung sollte zuerst erfolgen?
Erwarteter Nutzen, Umsetzungsaufwand und Funktionen der Seite werden gemeinsam bewertet.
Wie sollte der Erfolg verfolgt werden?
Es wird mit der Ausgangsmessung verglichen; Nutzererfahrung und Unternehmensziele werden mit separaten Kennzahlen überwacht.
So kann das Unternehmen über eine allgemeine Empfehlungsliste hinaus einen Optimierungsplan erstellen, der zur eigenen Website passt.
Häufig gestellte Fragen zur LCP-Optimierung
Wie lange dauert eine LCP-Optimierung?
Die Dauer hängt vom Umfang des Problems ab. Ein Problem, das sich durch eine Einstellung in einem einzelnen Template lösen lässt, folgt einem anderen Zeitplan als eine Maßnahme, die eine Änderung der Infrastruktur erfordert. Umsetzungsdauer und Beobachtungszeitraum für die Ergebnisse sollten getrennt geplant werden.
Spiegeln sich Änderungen sofort in den Berichten wider?
Ein Labortest lässt sich nach der Umsetzung erneut ausführen. Da der Feldbereich von PageSpeed Insights einen Zeitraum von 28 Tagen abdeckt, sind alte und neue Nutzererfahrungen eine Zeit lang gemeinsam sichtbar. Datenumfang von PageSpeed Insights
Ist die Performance-Arbeit abgeschlossen, wenn der LCP gut ist?
Auch INP und CLS sollten untersucht werden. Zudem sollten wichtige Vorgänge wie Angebotsformular, Menü und Bezahlvorgang geprüft werden. Eine Seite, die schnell wirkt, muss auch ihre Funktionen reibungslos erfüllen.
Wo sollte ich für die kostenlose Analyse beginnen?
Sie können die Adresse Ihrer Website und Ihre wichtigste Leistungs- oder Produktseite mitteilen. Wenn Sie Ihr Problem und Ihr Ziel angeben, kann sich die erste Einschätzung leichter auf die für Ihr Unternehmen wichtigen Punkte konzentrieren.
Ermitteln Sie die LCP-Probleme Ihrer Website
Ohne zu wissen, auf welchen Seiten Ihre Besucher warten, ist es schwer, die richtige Optimierungsentscheidung zu treffen. Die LCP-Analyse bietet einen Ausgangspunkt, um die Ursachen dieser Wartezeit zu untersuchen und vorrangige Schritte festzulegen.
Machen Sie mit SEO Performans den ersten Schritt, um das Ladeerlebnis Ihrer Website zu bewerten und Chancen für die LCP-Optimierung zu besprechen.
Kostenlose SEO-Analyse anfordern