Martin Gawron
Zurück zur Übersicht
3 min Lesezeit Feb 15, 2025

Core Web Vitals Guide: Warum Google Ihre langsame Website abstraft

Einleitung: Das Ende der Geduld

Das Internet hat unsere Aufmerksamkeitsspanne ruiniert. Studien zeigen: Wenn eine mobile Webseite länger als 3 Sekunden zum Laden braucht, springen 53% der Besucher sofort wieder ab. Sie kommen nie wieder.

Für Google ist das ein Problem. Google möchte seinen Nutzern die besten Ergebnisse liefern. Und das "beste" Ergebnis ist nutzlos, wenn es ewig lädt oder sich beim Lesen ständig verschiebt. Deshalb hat Google im Jahr 2021 die Core Web Vitals eingeführt. Sie sind kein vager Hinweis mehr, sondern ein knallharter, offizieller Ranking-Faktor.

Wer diese Metriken ignoriert, verliert doppelt:

  1. Sichtbarkeit: Google schiebt langsame Seiten auf Seite 2 oder 3.
  2. Umsatz: Wer doch auf der Seite landet, kauft nicht, weil die User Experience (UX) nervt.

In diesem Artikel zerlegen wir die kryptischen Abkürzungen LCP, CLS und INP und zeigen Ihnen, wie Sie aus roten Warnmeldungen grüne Erfolgsfaktoren machen.

Die drei Säulen der User Experience

Die Core Web Vitals sind drei spezifische Messwerte, mit denen Google die "Gesundheit" Ihrer Seite beurteilt.

1. LCP (Largest Contentful Paint) – "Wann sehe ich was?"

Dieser Wert misst die Ladegeschwindigkeit. Genauer gesagt: Wie lange dauert es, bis das größte sichtbare Element (meist das Hauptbild oder die Überschrift) fertig geladen ist.

  • Gut: Unter 2,5 Sekunden.
  • Schlecht: Über 4,0 Sekunden.

Typische Probleme: Riesige, unkomprimierte Bilder; langsame Server; zu viel JavaScript, das den Aufbau blockiert.

2. CLS (Cumulative Layout Shift) – "Warum wackelt alles?"

Kennen Sie das? Sie wollen auf einen Button klicken, aber plötzlich lädt oben noch eine Werbeanzeige nach, der ganze Text verschiebt sich nach unten, und Sie klicken aus Versehen auf den falschen Link. Das ist Layout Shift. CLS misst die visuelle Stabilität.

  • Gut: Wert unter 0,1.
  • Schlecht: Wert über 0,25.

Typische Probleme: Bilder ohne Höhen-/Breitenangaben; Webfonts, die spät laden; dynamisch nachgeladene Inhalte.

3. INP (Interaction to Next Paint) – "Warum reagiert nichts?"

Hinweis: INP hat den alten Wert FID (First Input Delay) im März 2024 abgelöst. INP misst die Reaktionsfähigkeit. Wenn Sie auf einen Button klicken oder ein Menü öffnen: Friert die Seite kurz ein oder passiert sofort etwas? Eine Seite kann schnell aussehen, sich aber "klebrig" und langsam anfühlen, weil der Browser im Hintergrund schwer arbeitet.

  • Gut: Unter 200 Millisekunden.
  • Schlecht: Über 500 Millisekunden.

Typische Probleme: Aufgeblähter JavaScript-Code von Drittanbietern (Tracking, Chatbots), der den Hauptprozessor des Handys verstopft.

Drei moderne Tachometer-Anzeigen, die im grünen Bereich stehen. Beschriftet mit LCP, INP, CLS. Sauberer, minimalistischer Stil. style: editorial photography, modern office context, minimal design, authentic lighting, 4k

Warum Wordpress & Co. hier oft versagen

Viele Website-Betreiber sind frustriert. "Ich habe doch das teure Premium-Theme gekauft und das Caching-Plugin installiert. Warum ist mein PageSpeed-Score immer noch rot?"

Das Problem ist die Architektur. Systeme wie WordPress, Wix oder Shopify sind "Generalisten". Sie laden standardmäßig riesige Bibliotheken, CSS-Dateien und Skripte, "nur für den Fall", dass Sie sie brauchen könnten. Ein einzelnes Plugin für ein Kontaktformular kann Ihre Ladezeit um eine halbe Sekunde verschlechtern, weil es auf jeder Seite Code lädt, auch dort, wo gar kein Formular ist.

Das Ergebnis: "Bloat" (Datenspeck). Die Seite muss erst 2 Megabyte Daten herunterladen und verarbeiten, bevor der Nutzer das erste Wort lesen kann.

Die Lösung: Performance by Design

Wie erreichen wir den begehrten Score von 100/100? Nicht durch Plugins, die Symptome bekämpfen, sondern durch eine schlanke Architektur.

Mein Ansatz basiert auf moderner Webentwicklung (oft "Jamstack" genannt):

  1. Minimaler Code: Wir schreiben nur das HTML/CSS, das wirklich nötig ist.
  2. Bild-Optimierung: Bilder werden automatisch in moderne Formate (AVIF/WebP) konvertiert und in exakt der richtigen Größe für das jeweilige Handy ausgeliefert.
  3. Lazy Loading: Alles, was nicht sofort sichtbar ist (z.B. Bilder im Footer), wird erst geladen, wenn der Nutzer scrollt.
  4. Lokale Schriften: Keine Verbindung zu Google Fonts Servern (auch wichtig für DSGVO), sondern extrem schnelles Laden vom eigenen Server.

Das Ergebnis ist oft schockierend (im positiven Sinne). Seiten, die vorher 5 Sekunden luden, sind plötzlich in 0,8 Sekunden da.

Ein digitaler Score-Screen. Zeigt eine große grüne 100/100 an. Daneben ein kleinerer Screen mit rotem Score. Visualisierung von Erfolg durch Optimierung. style: editorial photography, modern office context, minimal design, authentic lighting, 4k

Wirtschaftlicher Impact: ROI von Speed

Performance-Optimierung ist keine Eitelkeit für Tech-Nerds. Es ist knallhartes Business.

  • Zalando fand heraus, dass 0,1 Sekunden weniger Ladezeit den Umsatz pro Kunde um 0,7% steigerte.
  • Vodafone verbesserte den LCP um 31% und steigerte die Verkäufe um 8%.
  • Sie bezahlen für Google Ads? Wenn Ihre Landingpage langsam ist, sinkt Ihr "Qualitätsfaktor". Das heißt: Sie zahlen mehr pro Klick als Ihre Konkurrenz. Schnelle Seiten machen Werbung billiger.

Fazit: Machen Sie den Test

Glauben Sie mir nicht. Glauben Sie Google. Gehen Sie auf PageSpeed Insights und geben Sie Ihre URL ein.

Sehen Sie rot? Dann lassen Sie Geld auf der Straße liegen. Jeden Tag.

Ich helfe Ihnen, die Handbremse zu lösen. Wir analysieren Ihre Seite, identifizieren die Flaschenhälse und sorgen dafür, dass Sie bei Google (und bei Ihren Kunden) auf der Überholspur fahren.

Offene Fragen?

Ich hoffe, ich konnte etwas Licht ins Dunkel bringen. Wenn Sie unsicher sind, was das konkret für Ihr Projekt bedeutet: Melden Sie sich einfach. Ich helfe gerne weiter, wo ich kann.