Warum Ihre Website schneller sein muss als Ihre Konkurrenz
Stellen Sie sich vor: Ein potenzieller Kunde klickt auf Ihre Website. Die Seite lädt. Ein Banner springt nach unten. Der Button, den er gerade antippen wollte, verschwindet hinter einem Werbeelement. Er klickt auf den falschen Link. Frust. Absprung.
Genau das misst Google mit den Core Web Vitals. Und genau dafür bestrafen Suchmaschinen langsame, unruhige Websites mit schlechteren Rankings. Drei Kennzahlen, die Sie kennen sollten – und was Sie konkret dagegen tun können.
LCP: Wie schnell wird das Wichtigste sichtbar?
Largest Contentful Paint (LCP) misst, wie lange es dauert, bis das größte sichtbare Element einer Seite vollständig geladen ist. Meistens ist das ein Titelbild, ein Hero-Banner oder eine große Überschrift.
Google-Zielwert: unter 2,5 Sekunden.
Warum das relevant ist: Nutzer entscheiden in Millisekunden, ob sie bleiben oder gehen. Eine Seite, die drei oder vier Sekunden braucht, verliert einen spürbaren Anteil ihrer Besucher, bevor diese überhaupt den Inhalt gesehen haben.
Häufige Ursachen für schlechten LCP:
- Bilder werden nicht optimiert oder im falschen Format ausgeliefert
- Kein Caching oder Content Delivery Network (CDN) im Einsatz
- Große Ressourcen blockieren das Rendering
Was hilft:
- Bilder im modernen WebP- oder AVIF-Format ausliefern
- Wichtige Ressourcen vorladen (
<link rel="preload">) - Server-Antwortzeiten durch Hosting-Optimierung reduzieren
INP: Reagiert Ihre Website auf Klicks?
Interaction to Next Paint (INP) ist seit März 2024 das neue Core Web Vital für Reaktionsfähigkeit. Es ersetzt den FID und misst, wie schnell Ihre Website auf alle Nutzerinteraktionen reagiert – nicht nur auf die allererste.
Google-Zielwert: unter 200 Millisekunden.
Das klingt abstrakt – ist es aber nicht. Wenn jemand auf einen Button klickt und die Seite eine halbe Sekunde braucht, bis sie reagiert, fühlt sich das träge an. Auf mobilen Geräten mit schwächerer Verbindung ist der Effekt noch deutlicher.
Häufige Ursachen für schlechten INP:
- Schweres JavaScript, das den Hauptthread blockiert
- Zu viele Drittanbieter-Skripte (Tracking, Chat-Widgets, Werbeanzeigen)
- Ungünstig aufgebaute Event-Listener
Was hilft:
- JavaScript-Ausführung auf das Notwendige reduzieren
- Code aufteilen – nur laden, was gerade gebraucht wird
- Drittanbieter-Skripte asynchron oder verzögert einbinden
CLS: Springt Ihre Seite beim Laden?
Cumulative Layout Shift (CLS) misst, wie stark sich Inhalte beim Laden einer Seite verschieben. Ein Artikel, der nach unten springt, weil ein Werbebanner nachlädt – das ist CLS. Ein Formular, das sich nach rechts schiebt, weil ein Seitenleisten-Element nachgeladen wird – auch das.
Google-Zielwert: unter 0,1.
CLS ist nicht nur ein SEO-Problem. Es ist ein Vertrauens- und Usability-Problem. Eine Seite, die sich beim Laden bewegt, wirkt unfertig. Und sie führt zu ungewollten Klicks – was Nutzer frustriert.
Häufige Ursachen für schlechten CLS:
- Bilder und Videos ohne festgelegte Breite und Höhe im HTML
- Dynamisch eingebettete Inhalte ohne reservierten Platz
- Webfonts, die nach dem Laden springen (FOUT/FOIT)
Was hilft:
- Allen Bildern und Videos im HTML explizite Breite und Höhe mitgeben
- Platz für dynamische Inhalte im Layout vorab reservieren
font-display: optionaloder früh geladene Webfonts einsetzen
Wie Sie Ihre Core Web Vitals messen
Google stellt zwei kostenlose Werkzeuge zur Verfügung:
PageSpeed Insights gibt Ihnen sofort LCP, INP und CLS für jede URL – getrennt nach Mobilgeräten und Desktop. Es zeigt sowohl Labordaten als auch reale Felddaten aus dem Chrome User Experience Report (CrUX).
Google Search Console zeigt die aggregierten Core-Web-Vitals-Daten Ihrer gesamten Website über Zeit. Sie sehen, welche URL-Gruppen Probleme haben – und können gezielt priorisieren.
Wichtig: Schauen Sie immer auf die Felddaten aus echten Nutzern. Labordaten sind nützlich zur Diagnose, aber die Erfahrung Ihrer realen Besucher zählt für das Ranking.
Statische Websites: Ein natürlicher Vorteil
Statisch generierte Websites erreichen in der Regel deutlich bessere Core Web Vitals als CMS-basierte Lösungen. Der Grund: kein serverseitiges Rendering, keine Plugin-Last, kein WordPress-PHP-Stack.
Seiten werden als fertiges HTML ausgeliefert. Das Ergebnis: kürzere Ladezeiten, weniger JavaScript-Blockaden, stabileres Layout. Für KMUs, die eine neue Website planen, ist das ein ernstes Argument für moderne statische Technologie.
Fazit: Technik ist Kundenservice
Core Web Vitals sind kein reines SEO-Thema. Sie sind ein Maß dafür, wie respektvoll Sie mit der Zeit und Aufmerksamkeit Ihrer Website-Besucher umgehen. Eine schnelle, stabile Website ist Kundenservice – und ein Rankingfaktor.
Sie möchten wissen, wie Ihre Website aktuell abschneidet? Lassen Sie Ihren PageSpeed kostenlos prüfen.
Dieser Artikel wurde von Blue Ocean Marketing erstellt – Ihrer Agentur für statische Websites, Performance Marketing und GEO-Optimierung. Wir helfen Startups und KMUs, digital sichtbar zu werden.