Core Web Vitals | LCP, INP, CLS: Schwellenwerte | Awesome Toolkit

Core Web Vitals Referenz

LCP, INP und CLS eingeben und Good/Needs Improvement/Poor Klassifikation mit Optimierungstipps erhalten.

Von Marshkalk

LCP - Largest Contentful Paint
Misst die Ladeleistung. Zeit bis das größte sichtbare Element gerendert wird.
Gut < 2,5s Verbesserungsbedarf 2,5-4s Schlecht > 4s
INP - Interaction to Next Paint
Misst die Interaktivität. Reaktionsfähigkeit auf Benutzerinteraktionen (Klick, Tippen, Tastendruck).
Gut < 200ms Verbesserungsbedarf 200-500ms Schlecht > 500ms
CLS - Cumulative Layout Shift
Misst die visuelle Stabilität. Unerwartete Layout-Verschiebungen beim Seitenaufruf.
Gut < 0,1 Verbesserungsbedarf 0,1-0,25 Schlecht > 0,25

Core Web Vitals

Core Web Vitals sind Googles standardisierte Metriken für die reale Nutzererfahrung. Sie beeinflussen direkt das Google-Ranking als Page Experience Signal.

Die drei Core Web Vitals

MetrikMisstGutVerbesserungsbedarfSchlecht
LCP (Largest Contentful Paint)Ladeleistung< 2,5s2,5-4,0s> 4,0s
INP (Interaction to Next Paint)Reaktionsfähigkeit< 200ms200-500ms> 500ms
CLS (Cumulative Layout Shift)Visuelle Stabilität< 0,10,1-0,25> 0,25

LCP verbessern

  • Hero-Bilder komprimieren und verbessern; WebP-Format verwenden
  • LCP-Element mit <link rel="preload"> vorladen
  • CDN verwenden; Server-Antwortzeit (TTFB) reduzieren

CLS verbessern

  • Immer explizite Dimensionen auf Bilder und Videos setzen
  • Platz für Werbung reservieren, bevor sie geladen wird
  • Nach dem Laden keinen Inhalt oberhalb bestehender Elemente einfügen

Infrastruktur-Kontext für Deutschland

Die Core Web Vitals-Scores basieren auf realen Nutzerdaten aus dem Chrome User Experience Report (CrUX). In Deutschland:

  • Durchschnittliche 4G-Geschwindigkeit: ca. 40-50 Mbps (Bundesnetzagentur 2023). Etwas langsamer als in FR oder UK, aber für LCP ist der TTFB des Servers entscheidender als die Bandbreite.
  • Ländliche Versorgungslücken: In einigen Regionen (Ostdeutschland, ländliche Gebiete) gibt es noch erhebliche 4G-Lücken. Testen Sie mit dem "Langsames 3G"-Profil in den Chrome-DevTools für diese Zielgruppen.
  • Hosting in Deutschland: Hetzner (Nürnberg, Falkenstein, Helsinki), IONOS (Karlsruhe), Strato (Berlin) sind beliebte deutsche Anbieter mit niedrigem TTFB für DE-Nutzer. AWS Frankfurt (eu-central-1) und GCP europe-west3 sind ebenfalls gute Optionen für deutsche Nutzer.
  • DSGVO und Hosting-Standort: Technisch schreibt die DSGVO keinen deutschen Serverstandort vor, aber viele Unternehmen bevorzugen EU-Hosting aus datenschutzrechtlichen Gründen. Das BSI empfiehlt C5-zertifizierte Cloud-Anbieter für kritische Dienste.