Websites

Core Web Vitals — was es ist und wie Sie Ihre Website beschleunigen

Veröffentlicht:

Core Web Vitals sind drei Google-Kennzahlen für die reale Nutzererfahrung: LCP (wie schnell der Hauptinhalt lädt), INP (wie schnell die Seite auf Klicks reagiert) und CLS (ob das Layout nicht „springt”). Verbessern Sie sie vor allem durch Bildoptimierung, weniger und aufgeschobenes JavaScript sowie reservierten Platz für Elemente.

Drei Kennzahlen — was sie bedeuten

  • LCP (Largest Contentful Paint) — Zeit bis zum Anzeigen des Hauptinhalts. Ziel: ≤ 2,5 s.
  • INP (Interaction to Next Paint) — wie schnell die Seite auf Klicks reagiert. Ziel: ≤ 200 ms.
  • CLS (Cumulative Layout Shift) — ob das Layout beim Laden nicht springt. Ziel: ≤ 0,1.

Wie Sie sie verbessern — konkret

  1. Bilder: Format WebP/AVIF, Attribute width/height sowie Lazy Loading für Inhalte unterhalb des sichtbaren Bereichs.
  2. Skripte: JavaScript reduzieren und aufschieben (defer/async), unnötige Bibliotheken und Third-Party entfernen.
  3. CSS: kritisches CSS früh laden, den Rest asynchron.
  4. Schriften: font-display: swap und Preload nur kritischer Fonts.
  5. Hosting/CDN: schnelle Serverantwort und Caching.
  6. Stabilität: Platz für Bilder und eingebettete Elemente reservieren, damit das Layout nicht springt (CLS).

Warum es sich lohnt

Eine schnelle, stabile Website bedeutet bessere Google-Rankings (Core Web Vitals sind ein Ranking-Signal), eine niedrigere Absprungrate und eine höhere Conversion. Nutzer warten nicht — entweder Sie sind schnell, oder Sie verlieren sie an den Wettbewerb.

Häufige Fragen

Womit misst man Core Web Vitals?

Am einfachsten mit PageSpeed Insights und in der Google Search Console (Bericht Core Web Vitals auf realen Nutzerdaten). Lighthouse liefert eine Labormessung.

Beeinflussen Core Web Vitals das Ranking?

Ja — sie sind eines der Ranking-Signale von Google. Sie sind nicht das wichtigste, können aber bei vergleichbarer Inhaltsqualität den Ausschlag geben und wirken zusätzlich auf die Conversion.

Was bremst eine Website am häufigsten?

Nicht optimierte, zu große Bilder, zu viele (vor allem externe) Skripte sowie fehlender reservierter Platz für Elemente, was zu Layout-Sprüngen (CLS) führt.

Passende Leistung: Websites & Shops →