Core Web Vitals ohne Magie — was die Geschwindigkeit wirklich beeinflusst
Alle sagen „die Website soll schnell sein“, kaum jemand erklärt, was das in Zahlen bedeutet. Ich erkläre die drei Google-Metriken, was sie verschlechtert und wie man sie repariert.
Kurz gefasst
Core Web Vitals sind drei messbare Qualitätsmetriken einer Website nach Google: LCP (Zeit bis zur Anzeige des größten Elements, Ziel < 2,5 s), INP (Reaktionszeit auf eine Interaktion, Ziel < 200 ms) und CLS (Layout-Stabilität, Ziel < 0,1). Am häufigsten verschlechtern sie zu schwere Bilder, ein Übermaß an JavaScript, langsames Hosting und fehlender reservierter Platz für Elemente. Sie verbessern sich durch Bildoptimierung, weniger Skripte, serverseitiges Rendering und gutes Hosting.
Die Geschwindigkeit einer Website ist keine Frage des Eindrucks — Google misst sie mit drei konkreten Zahlen und berücksichtigt sie im Ranking. Wichtiger noch: Auch der Kunde misst sie — eine langsame Website verliert einen Teil der Besucher, bevor sie überhaupt erscheint.
Drei Metriken, die Google zählt
| Metrik | Was sie misst | Ziel |
|---|---|---|
| LCP | Wie schnell der Hauptinhalt erscheint | unter 2,5 s |
| INP | Wie schnell die Website auf einen Klick reagiert | unter 200 ms |
| CLS | Ob das Layout beim Laden nicht „springt“ | unter 0,1 |
Was sie wirklich verschlechtert
- Schwere, nicht optimierte Bilder — die häufigste Ursache für schlechten LCP. Ein 4-MB-Foto dort, wo 150 KB reichen.
- Ein Übermaß an JavaScript — Plugins, Tracker, Slider, Chats. Jedes Skript ist Arbeit für den Browser, die die Reaktion verzögert (INP).
- Fehlender reservierter Platz für Bilder, Werbung und Banner — der Inhalt springt, wenn sie nachladen (CLS).
- Langsames oder überlastetes Hosting — der Server antwortet lange, also startet alles später.
- Ohne Fallback geladene Schriften — der Text flackert oder verschwindet für einen Moment.
Grundsatz
Der schnellste Code ist der, den es nicht gibt. Bevor Sie ein Skript optimieren, fragen Sie, ob es überhaupt nötig ist. Die Hälfte der Performance-Probleme sind Dinge, die man einfach entfernen kann.
Wie man es repariert — vom größten Effekt her
- 01Optimieren Sie Bilder: moderne Formate (WebP/AVIF), passende Größe, verzögertes Laden außerhalb des ersten Bildschirms.
- 02Begrenzen Sie JavaScript: schneiden Sie ungenutzte Plugins und Tracker heraus, laden Sie den Rest erst, wenn er gebraucht wird.
- 03Reservieren Sie Platz für Elemente (Bildmaße, Container), damit sich das Layout nicht verschiebt.
- 04Wählen Sie gutes Hosting und serverseitiges Rendering — fertiges HTML statt im Browser gebautem.
- 05Messen Sie erneut in PageSpeed Insights und wiederholen Sie es für das größte verbleibende Problem.
Warum die Technologie eine Rolle spielt
Ein Teil dieser Probleme löst sich bei einem guten Fundament von selbst. Eine serverseitig gerenderte Website (z. B. in Next.js) startet mit fertigem HTML und automatischer Bildoptimierung, also sind LCP und CLS von Haus aus gut. Auf WordPress sind dieselben Effekte erreichbar, erfordern aber bewusste Entscheidungen über Plugins und Konfiguration — Geschwindigkeit muss man überwachen, nicht voraussetzen.
Häufige Fragen
Beeinflussen Core Web Vitals die Position in Google?expand_more
Wie prüfe ich die Geschwindigkeit meiner Website?expand_more
Was verlangsamt Websites am meisten?expand_more
Haben Sie eine ähnliche Frage zu Ihrem Projekt?
Erste Beratung und Angebot sind kostenlos. Ich antworte in der Regel innerhalb eines Werktags — mit Konkretem, nicht mit einem Angebot aus dem Generator.