Messe die echten Core Web Vitals über die Google PageSpeed API.
Ich prüfe Metriken wie den LCP oder Layout-Verschiebungen (CLS), die für die Performance-Bewertung entscheidend sind.
Häufige Fragen zu diesem Tool
Wichtiges Hintergrundwissen und SEO-Tipps kurz für dich erklärt.
Worin unterscheiden sich Labor- und Felddaten?
Labordaten basieren auf der Simulation eines standardisierten Geräts. Felddaten (CrUX) aggregieren die realen Messwerte deiner Nutzer über 28 Tage. Google zieht primär die Felddaten zur Evaluation heran.
Wie behebe ich Layout Shifts (CLS)?
Layoutverschiebungen resultieren meist aus Medien-Elementen ohne definierte `width`- und `height`-Attribute im HTML. Der Browser kann den Platzbedarf während des Ladevorgangs nicht reservieren, wodurch nachgelagerter Text verschoben wird.
Wie ist der LCP definiert?
Der LCP misst die Render-Dauer des größten sichtbaren Elements im Viewport (z.B. Hero-Bild oder Hauptüberschrift). Dieser Wert sollte den Richtlinien zufolge bei unter 2,5 Sekunden liegen.
Was misst der INP-Wert?
Die Metrik INP bewertet die Reaktionsfähigkeit der Seite auf Nutzereingaben. Ein schlechter Wert deutet meist auf eine Blockierung des Main-Threads durch komplexe JavaScript-Ausführungen hin.
Genügt ein Caching-Plugin für grüne Vitals?
Ein Caching-System ist essenziell, kann aber grundlegende Architekturdefizite (z.B. blockierendes Render-CSS oder unkomprimierte Assets) nicht beheben. Eine Optimierung der Vitals erfordert Eingriffe auf Code-Ebene.
Warum sind meine Vitals auf Desktop grün, aber Mobile rot?
Mobilgeräte haben schwächere Prozessoren und langsamere Netzwerkverbindungen (3G/4G). Da Google den Mobile-Index priorisiert (Mobile-First), simulieren die Tests eine mobile Umgebung. JavaScript-Execution fällt auf Smartphones deutlich stärker ins Gewicht.
Was bedeutet Render-Blocking CSS/JS?
Das sind Ressourcen, die der Browser erst komplett herunterladen und lesen muss, bevor er den ersten Pixel der Seite auf den Bildschirm malen kann. Die Lösung: Kritisches CSS inline laden und unwichtige Skripte mit `defer` oder `async` nachladen.
Wie optimiere ich Web-Schriften (Fonts) für schnellere Ladezeiten?
Hoste Schriften immer lokal (kein Google Fonts API), nutze das komprimierte WOFF2-Format und füge die CSS-Regel `font-display: swap;` hinzu. Dadurch wird Text sofort in einer Systemschrift angezeigt, bis die Custom-Font geladen ist.
Was ist der Unterschied zwischen INP und dem alten FID?
FID (First Input Delay) hat nur die Verzögerung des allerersten Klicks gemessen. INP (Interaction to Next Paint) misst die Latenz *aller* Interaktionen über die gesamte Lebensdauer der Seite. Es ist eine deutlich strengere und aussagekräftigere Metrik für die Reaktivität.