Google hat Core Web Vitals 2021 als Ranking-Signal eingeführt. Seitdem fragt mich jeder zweite Gründer, was das bedeutet. Die Antwort: Es ist wichtig, aber nicht auf die Art, wie die meisten Performance-Artikel es darstellen.
Hier ist, was Sie wirklich wissen müssen.
Drei Metriken, jede misst etwas anderes:
LCP (Largest Contentful Paint) — Wie schnell das größte sichtbare Element auf der Seite lädt. Meistens ist das das Hero-Bild oder die Hauptüberschrift. Ziel: unter 2,5 Sekunden.
INP (Interaction to Next Paint) — Wie schnell die Seite auf Nutzereingaben reagiert. Klick, Tippen, Tippen auf Mobil. Ziel: unter 200 Millisekunden.
CLS (Cumulative Layout Shift) — Wie viel sich der Seiteninhalt während des Ladens verschiebt. Wenn Sie auf einen Button klicken und die Seite springt, ist das CLS. Ziel: unter 0,1.
Zwei Gründe:
Rankings. Google verwendet diese Metriken als leichtes Ranking-Signal. Auf hart umkämpften Keywords kann eine performante Site einen marginalen Vorteil haben. Auf weniger umkämpften Keywords (wo die meisten Startups konkurrieren) ist der Einfluss minimal.
Konversion. Das ist der echte Grund. Eine Site, die auf Mobil 4 Sekunden zum Laden braucht, verliert 40–50 % der Besucher, bevor sie das Hero lesen. Kein SEO-Vorteil kompensiert das.
LCP-Problem: Unoptimierte Hero-Bilder
Das häufigste LCP-Problem ist ein 2-MB-PNG als Hero-Bild. Fix: WebP-Format, srcset für verschiedene Bildschirmgrößen, loading="eager" und fetchpriority="high" für das LCP-Element.
LCP-Problem: Langsame Server-Antwortzeit
Wenn der Server 800ms braucht, um HTML zu liefern, können Sie das Frontend nicht schnell genug machen. Fix: CDN, statische Generierung, oder ein besserer Hosting-Provider.
INP-Problem: Schweres JavaScript
Wenn Sie 500 KB JavaScript laden, das sofort ausgeführt wird, blockiert das den Haupt-Thread und verzögert die Interaktivität. Fix: Code-Splitting, Tree-Shaking, und Third-Party-Skripte lazy laden.
CLS-Problem: Bilder ohne Dimensionen
Bilder ohne explizite Breite/Höhe verursachen Layout-Shifts, wenn sie laden. Fix: Immer width und height Attribute setzen.
CLS-Problem: Webfonts
Webfonts, die spät laden, ersetzen System-Fallback-Fonts und verschieben Text. Fix: font-display: optional oder font-display: swap mit korrektem size-adjust.
PageSpeed Insights (kostenlos, von Google): Gibt Feld-Daten aus echten Chrome-Nutzern und Lab-Daten aus einem simulierten Test. Feld-Daten sind das, was Google für Rankings verwendet.
Lighthouse (im Chrome DevTools): Lab-Daten. Gut für Entwickler-Debugging, nicht repräsentativ für reale Nutzererfahrung.
Chrome User Experience Report (CrUX): Aggregate Feld-Daten über einen 28-Tage-Zeitraum. Was Google tatsächlich sieht.
Wichtig: Messen Sie auf Mobil, nicht Desktop. Google ist mobile-first. Ihre Desktop-Scores können grün sein, während mobile Scores rot sind.
In unserer Erfahrung über zehn Marketing-Sites:
Was in der Regel nicht hilft: Stunden in Lighthouse-Score-Gaming investieren ohne Feld-Daten zu verbessern. Ein 99er Lighthouse-Score in einem kontrollierten Test kann einer schlechten realen Nutzererfahrung entsprechen.
Core Web Vitals sind ein tiebreaker, kein Entscheider. Wenn zwei Sites ähnliche Inhaltsrelevanz und Backlinks haben, kann die performantere Site minimal bevorzugt werden.
Für die meisten Startups gilt: Guter Inhalt, korrekte On-Page-SEO und ein paar relevante Backlinks bewegen die Rankings mehr als der Unterschied zwischen 75 und 95 Lighthouse.
Das bedeutet nicht, dass Performance egal ist. Es bedeutet, dass Sie Performance für Konversion optimieren sollten — nicht für Ranking-Punkte.
„Good" = bestehen den Google-Schwellenwert:
Was wir auf unseren Kundenprojekten anstreben:
Der Unterschied zwischen „gut" und „sehr gut" ist für Rankings vernachlässigbar. Er ist für Nutzererfahrung relevant.
Ihre Site hat schlechte Core-Web-Vitals-Scores und Sie verstehen nicht warum? Starten Sie ein Gespräch — wir schauen uns die Metriken an und sagen Ihnen, was tatsächlich das Problem ist.
Wir nehmen jeden Quartal eine begrenzte Anzahl von Projekten an. Erzählen Sie uns, was Sie bauen.
Caching-Fallstricke, Server- vs. Client-Komponentenentscheidungen, Vercel vs. Self-Hosting-Tradeoffs und wann der Pages Router noch die richtige Wahl ist.
React Native und Flutter sind beide ausgereift. Die Wahl hängt nicht davon ab, welches besser ist — sondern von Ihrem Team, Ihrem Zeitplan und was Sie bauen. So entscheiden Sie.