Core Web Vitals: Was sie für Ihr Unternehmen bedeuten

Google misst drei Dinge, die Core Web Vitals genannt werden: LCP, FID und CLS.

Das klingt technisch. Das ist es auch.

Aber sie wirken sich direkt auf Ihren Umsatz aus.

Hier erfahren Sie, was sie in Geschäftsbegriffen bedeuten, wie sie Ihr Endergebnis beeinflussen und welche zuerst zu beheben sind.

---

Was sind Core Web Vitals (in einfachem Deutsch)

Google misst, wie schnell und stabil sich Ihre Website für die Nutzerinnen und Nutzer anfühlt.

Die drei Metriken:

LCP - Largest Contentful Paint

Technisch: Zeit, bis das größte sichtbare Element geladen ist.

Einfach gesagt: Wie lange es dauert, bis der Hauptinhalt erscheint.

Nutzererlebnis: „Wie lange starre ich auf einen leeren Bildschirm?”

Gut: Unter 2,5 Sekunden

Schlecht: Über 4 Sekunden

Geschäftliche Auswirkungen:

• Jede Sekunde Verzögerung = 7 % Conversion-Verlust
• Langsamer LCP = Nutzerinnen und Nutzer springen ab, bevor sie Ihren Inhalt sehen

---

FID - First Input Delay (2024 durch INP ersetzt)

Technisch: Zeit zwischen Nutzerinteraktion und Browserantwort.

Einfach gesagt: Wie lange es nach einem Klick dauert, bis etwas passiert.

Nutzererlebnis: „Hat mein Klick funktioniert? Soll ich nochmal klicken?”

Gut: Unter 100 Millisekunden

Schlecht: Über 300 Millisekunden

Geschäftliche Auswirkungen:

• Langsamer FID = Nutzerinnen und Nutzer klicken mehrfach, werden frustriert, gehen weg
• Formulare fühlen sich kaputt an
• Schaltflächen wirken nicht reaktionsfähig

---

CLS - Cumulative Layout Shift

Technisch: Wie stark sich sichtbarer Inhalt unerwartet bewegt.

Einfach gesagt: Springt der Inhalt während des Ladens herum?

Nutzererlebnis: „Ich wollte gerade auf diese Schaltfläche klicken, aber dann wurde eine Anzeige geladen und ich habe auf die falsche Sache geklickt.”

Gut: Unter 0,1

Schlecht: Über 0,25

Geschäftliche Auswirkungen:

• Nutzerinnen und Nutzer klicken versehentlich auf falsche Schaltflächen
• Formulare sind frustrierend auszufüllen
• Wirkt unprofessionell und kaputt

---

Echte Umsatzauswirkungen (nicht nur Rankings)

Core Web Vitals beeinflussen Ihr Unternehmen auf zwei Arten.

Auswirkung 1: Google-Rankings

Wie wichtig:

• Kleiner Ranking-Faktor
• Nicht so wichtig wie Inhaltsqualität oder Backlinks
• Aber bei sonst gleichen Bedingungen gewinnt die schnellere Website

Realitätscheck: Eine langsame Website mit großartigem Inhalt schlägt eine schnelle Website mit schwachem Inhalt.

Opfern Sie Inhaltsqualität nicht für perfekte Werte.

---

Auswirkung 2: Conversion-Raten (viel größere Auswirkung)

Echte Daten:

Amazon:

• Jede 100 ms Verzögerung = 1 % Umsatzverlust

Google:

• Halbe Sekunde Verzögerung = 20 % Traffic-Rückgang

Walmart:

• Jede Sekunde Verbesserung = 2 % Conversion-Steigerung

Ihr Unternehmen:

• LCP über 4 Sekunden = 50 % Absprungrate
• LCP unter 2,5 Sekunden = 20 % Absprungrate
• Unterschied: 60 % mehr Menschen bleiben auf Ihrer Website

Umsatzberechnung:

Beispiel: E-Commerce-Website

• 10.000 Besuche/Monat
• Aktueller LCP: 4,5 Sekunden (50 % Absprungrate)
• 5.000 Personen sehen Ihre Produkte
• 2 % konvertieren = 100 Verkäufe
• 100 USD durchschnittlicher Bestellwert = 10.000 USD Umsatz

Nach Verbesserung des LCP auf 2,3 Sekunden:

• 10.000 Besuche/Monat
• Neuer LCP: 2,3 Sekunden (20 % Absprungrate)
• 8.000 Personen sehen Ihre Produkte (60 % mehr)
• 2 % konvertieren = 160 Verkäufe
• 100 USD durchschnittlicher Bestellwert = 16.000 USD Umsatz
• 6.000 USD/Monat Steigerung = 72.000 USD/Jahr

Kosten zur Behebung des LCP: 0 bis 500 USD (oft kostenlos, manchmal ist besseres Hosting nötig)

ROI: 14.400 %, wenn Sie 500 USD für die Behebung zahlen

---

Welche Metrik für Ihr Unternehmen am wichtigsten ist

Nicht alle Core Web Vitals sind gleich wichtig.

E-Commerce: LCP ist kritisch

Warum: Produktbilder sind normalerweise das LCP-Element.

Problem: Große, nicht optimierte Produktbilder = langsamer LCP = Nutzerinnen und Nutzer springen ab, bevor sie Produkte sehen.

Priorität:

1. LCP (am wichtigsten)
2. CLS (zweitwichtigste, Nutzerinnen und Nutzer hassen Layout-Verschiebungen während des Checkouts)
3. FID (drittwichtigste, Schaltflächen reagieren normalerweise gut)

Schneller Erfolg: Bilder optimieren. WebP-Format verwenden. Bilder unterhalb der Falz lazy laden.

---

SaaS / Web-Apps: FID/INP ist kritisch

Warum: Nutzerinnen und Nutzer interagieren stark (Schaltflächen klicken, Formulare ausfüllen, Oberfläche nutzen).

Problem: Langsames JavaScript = Klicken fühlt sich kaputt an = frustrierte Nutzerinnen und Nutzer brechen die Anmeldung ab.

Priorität:

1. FID/INP (am wichtigsten)
2. LCP (zweitwichtigste, langsames Laden des Dashboards ist ärgerlich)
3. CLS (drittwichtigste, Layout-Verschiebungen sind in Apps weniger häufig)

Schneller Erfolg: Ungenutztes JavaScript entfernen. Nicht kritische Skripte aufschieben.

---

Blogs / Content-Sites: LCP und CLS zählen

Warum: Nutzerinnen und Nutzer kommen zum Lesen. Sie brauchen Inhalte, die schnell laden und stillstehen.

Problem: Anzeigen und Bilder verursachen Layout-Verschiebungen. Große Hero-Bilder verlangsamen LCP.

Priorität:

1. LCP (am wichtigsten, Nutzerinnen und Nutzer wollen lesen)
2. CLS (zweitwichtigste, springender Inhalt durch Anzeigen ist nervig)
3. FID (drittwichtigste, wenig Interaktion bei Blogposts)

Schneller Erfolg: Platz für Anzeigen reservieren, damit sie keine Verschiebungen verursachen. Hero-Bilder optimieren.

---

Lead-Gen / Service-Sites: LCP und CLS für Formulare

Warum: Ziel ist die Formularübermittlung. Nutzerinnen und Nutzer müssen Formulare ohne Frustration ausfüllen können.

Problem: Bilder verlangsamen LCP. Layout-Verschiebungen machen Formulare nervig.

Priorität:

1. CLS (am wichtigsten, Formularverschiebungen = Nutzerinnen und Nutzer geben auf)
2. LCP (zweitwichtigste, schnelle Landingpage = mehr Formularaufrufe)
3. FID (drittwichtigste, Formulare reagieren normalerweise gut, sofern nicht zu viel JS)

Schneller Erfolg: Explizite Breite und Höhe für alle Bilder festlegen. Layout-verschiebende Elemente in der Nähe von Formularen entfernen.

---

Schnelle Erfolge nach Metrik

LCP-Schnellgewinne

Problem: Großes Bild lädt langsam.

Lösungen (nach Wirkung sortiert):

1. Bilder optimieren (5 bis 10 Minuten)

   • In WebP-Format konvertieren
   • Mit TinyPNG oder Squoosh komprimieren
   • Auswirkung: 30 bis 50 % LCP-Verbesserung

2. CDN für Bilder verwenden (30 Minuten)

   • Cloudflare, Cloudinary oder ImgIX
   • Liefert Bilder vom Server, der den Nutzerinnen und Nutzern am nächsten ist
   • Auswirkung: 20 bis 40 % LCP-Verbesserung

3. LCP-Bild vorab laden (10 Minuten)

   • Zu <head> hinzufügen: <link rel="preload" as="image" href="hero.jpg">
   • Browser lädt es sofort
   • Auswirkung: 10 bis 30 % LCP-Verbesserung

4. Render-blockierende Ressourcen entfernen (30 bis 60 Minuten)

   • Nicht kritisches CSS aufschieben
   • JavaScript nach unten verschieben oder aufschieben
   • Auswirkung: 20 bis 50 % LCP-Verbesserung

Erwartete Verbesserung: 1 bis 2 Sekunden weniger LCP

Zeit: 1 bis 2 Stunden

Kosten: 0 USD (kostenlose Tools)

---

FID/INP-Schnellgewinne

Problem: JavaScript blockiert den Haupt-Thread.

Lösungen (nach Wirkung sortiert):

1. Ungenutztes JavaScript entfernen (30 Minuten)

   • Coverage-Tab in den Chrome DevTools prüfen
   • Plugins entfernen, die Sie nicht verwenden
   • Auswirkung: 30 bis 60 % FID-Verbesserung

2. Nicht kritisches JavaScript aufschieben (15 Minuten)

   • defer-Attribut hinzufügen: <script defer src="script.js">
   • Lädt Skripte, nachdem die Seite interaktiv ist
   • Auswirkung: 40 bis 70 % FID-Verbesserung

3. Code-Splitting verwenden (60 Minuten, technisch)

   • Nur das JavaScript laden, das für die aktuelle Seite benötigt wird
   • Erfordert Änderungen am Build-Tool
   • Auswirkung: 50 bis 80 % FID-Verbesserung

4. Hosting upgraden (bei langsamem Shared Hosting)

   • Auf schnelleren Server wechseln
   • Mehr CPU = schnellere JS-Ausführung
   • Auswirkung: 20 bis 50 % FID-Verbesserung

Erwartete Verbesserung: 100 bis 200 ms weniger FID

Zeit: 1 bis 3 Stunden

Kosten: 0 bis 50 USD/Monat (bei Hosting-Upgrade)

---

CLS-Schnellgewinne

Problem: Elemente laden und verschieben den Inhalt nach unten.

Lösungen (nach Wirkung sortiert):

1. Explizite Abmessungen für Bilder festlegen (30 Minuten)

   • Breite und Höhe hinzufügen: <img src="photo.jpg" width="800" height="600">
   • Browser reserviert Platz, bevor das Bild geladen wird
   • Auswirkung: 50 bis 80 % CLS-Verbesserung

2. Platz für Anzeigen reservieren (15 Minuten)

   • min-height für Anzeigen-Container hinzufügen
   • Verhindert Verschiebung beim Laden der Anzeige
   • Auswirkung: 30 bis 60 % CLS-Verbesserung

3. font-display: swap verwenden (5 Minuten)

   • Zu @font-face hinzufügen: font-display: swap;
   • Zeigt Fallback-Schrift sofort statt leeren Text
   • Auswirkung: 20 bis 40 % CLS-Verbesserung

4. Vermeiden Sie das Einfügen von Inhalten oberhalb bestehender Inhalte (variiert)

   • Keine Banner hinzufügen, die Inhalte nach unten schieben
   • Dynamische Inhalte in reserviertem Platz laden
   • Auswirkung: CLS vollständig eliminieren, wenn richtig gemacht

Erwartete Verbesserung: CLS von 0,25 auf unter 0,1

Zeit: 1 bis 2 Stunden

Kosten: 0 USD

---

Wann priorisieren und wann ignorieren

Priorisieren Sie Core Web Vitals, wenn:

Hoher Traffic, niedrige Conversion:

• 10.000+ Besuche/Monat, aber unter 2 % Conversion
• Geschwindigkeitsverbesserung könnte erheblichen Umsatz freisetzen

E-Commerce:

• Jeder Bruchteil einer Sekunde = mehr Verkäufe
• Einfach zu berechnender ROI

Mobile-lastiger Traffic:

• Mobile Nutzerinnen und Nutzer reagieren empfindlicher auf langsame Websites
• Mobile Core Web Vitals sind oft schlechter als Desktop

Wettbewerbsintensive Nische:

• Konkurrenten haben bessere Werte
• Bei sonst gleichen Bedingungen verlieren Sie gegen schnellere Websites

Bezahlter Traffic:

• Sie zahlen für Klicks, die wegen langsamer Website abspringen
• Verschwendete Werbeausgaben

---

Priorität reduzieren bei Core Web Vitals, wenn:

Niedriger Traffic:

• Unter 1.000 Besuche/Monat
• Andere Dinge zu beheben (Inhalt, SEO, Marketing) hat größere Wirkung

Bereits hohe Conversion:

• 5 %+ Conversion-Rate
• Geschwindigkeit ist nicht Ihr begrenzender Faktor

Probleme mit Inhaltsqualität:

• Dünner Inhalt, kein Wertversprechen, unklares Angebot
• Beheben Sie das zuerst, bevor Sie die Geschwindigkeit optimieren

B2B mit geduldigen Nutzerinnen und Nutzern:

• Enterprise-Kundinnen und -Kunden warten auf komplexe Dashboards
• Nicht so empfindlich auf 1 bis 2 Sekunden Verzögerung

Nachrichten/Eilinhalt:

• Breaking-News-Sites
• Nutzerinnen und Nutzer warten, wenn der Inhalt wertvoll genug ist

---

Wie Sie Ihre Core Web Vitals prüfen

Methode 1: PageSpeed Insights (kostenlos, schnell)

1. Gehen Sie zu PageSpeed Insights
2. Geben Sie Ihre URL ein
3. Warten Sie 30 bis 60 Sekunden
4. Sehen Sie Werte für Mobile und Desktop

Vorteile:

• Kostenlos
• Schnell
• Offizielles Tool von Google

Nachteile:

• Testet nur eine Seite gleichzeitig
• Labordaten (simuliert), keine echten Nutzerdaten

---

Methode 2: Google Search Console (kostenlos, echte Nutzer)

1. Gehen Sie zu Search Console > Nutzererfahrung > Core Web Vitals
2. Sehen Sie echte Nutzerdaten von tatsächlichen Besucherinnen und Besuchern
3. Zeigt, welche Seiten schlechte, verbesserungsbedürftige oder gute Werte haben

Vorteile:

• Echte Nutzerdaten (Felddaten)
• Zeigt alle Ihre Seiten
• Kostenlos

Nachteile:

• Genug Traffic für Daten erforderlich
• Wöchentlich aktualisiert, nicht in Echtzeit

---

Methode 3: Site Audit (schnell, umsetzbar)

1. Site Audit ausführen (50 USD)
2. Erhalten Sie Core Web Vitals Werte plus priorisierte Fix-Liste
3. Sehen Sie genaue Elemente, die Probleme verursachen
4. Erhalten Sie eine Implementierungsanleitung

Vorteile:

• Spezifische Fixes mit Priorität
• Technische und nicht technische Erklärungen
• Vollständiges Site-Audit, nicht nur eine Seite

Nachteile:

• Kostet 50 USD (spart aber Stunden Diagnose)

Site Audit ausführen, um Core Web Vitals zu prüfen

---

Häufige Fehler

Fehler 1: Verfolgung des 100/100-Werts

Problem: Besessenheit von perfektem PageSpeed-Wert.

Realität:

• 90+ ist großartig
• 80 bis 89 ist gut genug für die meisten Unternehmen
• Von 90 auf 100 zu gehen hat minimale geschäftliche Auswirkungen

Besserer Ansatz: Erreichen Sie 80 bis 90, dann konzentrieren Sie sich auf Inhalt und Marketing.

---

Fehler 2: Mobile ignorieren

Problem: Nur Desktop-Werte prüfen.

Realität:

• 60 bis 70 % des Traffics ist mobil
• Mobile Werte sind normalerweise schlechter
• Google rankt basierend auf Mobile-Performance

Lösung: Prüfen Sie immer zuerst die mobilen Werte.

---

Fehler 3: Falsche Seiten optimieren

Problem: Homepage beheben, während Produktseiten langsam sind.

Realität: Optimieren Sie Seiten, die Umsatz generieren:

• Produktseiten (E-Commerce)
• Landingpages (Lead-Gen)
• Preisseite (SaaS)
• Blogposts mit dem höchsten Traffic

Lösung: Führen Sie Site Audit auf Ihren Top 5 umsatztreibenden Seiten aus, nicht nur auf der Homepage.

---

Fehler 4: Funktionalität für Geschwindigkeit opfern

Problem: Kritische Funktionen entfernen, um Werte zu verbessern.

Realität:

• Chat-Widget fügt 500 ms hinzu, treibt aber 20 % der Conversions
• Entfernen für besseren Wert = Umsatzverlust

Lösung: Optimieren Sie um kritische Funktionen herum. Entfernen Sie sie nicht.

---

Erwarteter Zeitplan

Woche 1: Schnelle Erfolge

• Bilder optimieren (WebP, Komprimierung)
• Breite/Höhe zu Bildern hinzufügen
• Nicht kritisches JavaScript aufschieben

Erwartete Verbesserung:

• LCP: 1 bis 2 Sekunden schneller
• CLS: 50 bis 70 % besser

---

Wochen 2 bis 3: Tiefere Fixes

• CDN einrichten
• Ungenutztes JavaScript entfernen
• Render-blockierende Ressourcen beheben

Erwartete Verbesserung:

• LCP: 30 bis 40 % zusätzliche Verbesserung
• FID: 50 bis 70 % besser

---

Monat 2: Überwachung und Iteration

• Echte Nutzerdaten in der Search Console überwachen
• Conversion-Rate-Änderungen verfolgen
• Basierend auf Wirkung feinjustieren

Erwartete Verbesserung:

• Conversion-Rate: 10 bis 30 % Steigerung
• Umsatz: Messbarer Anstieg

---

Das Fazit

Core Web Vitals sind drei Geschwindigkeitsmetriken, die Google misst:

• LCP: Wie schnell der Hauptinhalt lädt
• FID/INP: Wie schnell die Website auf Klicks reagiert
• CLS: Wie stark der Inhalt herumspringt

Geschäftliche Auswirkungen:

• Kleiner Ranking-Faktor
• Großer Conversion-Faktor (jede Sekunde = 7 % Conversion-Verlust)

Priorität nach Geschäftstyp:

• E-Commerce: zuerst LCP
• SaaS: zuerst FID/INP
• Blogs: LCP und CLS
• Lead-Gen: zuerst CLS

Schnelle Erfolge:

• Bilder optimieren (1 bis 2 Stunden, kostenlos)
• JavaScript aufschieben (30 Minuten, kostenlos)
• Bildabmessungen festlegen (30 Minuten, kostenlos)

Erwarteter ROI: 500 USD Fix kann 72.000 USD/Jahr zusätzlichen Umsatz für eine typische E-Commerce-Site generieren.

Jagen Sie nicht 100/100-Werten hinterher. Erreichen Sie 80 bis 90 und konzentrieren Sie sich auf Inhalt und Marketing.

---

Verwandte Lektüre: