Web Performance Glossar

Definitionen wichtiger Web-Performance-Begriffe und Metriken

Core Web Vitals

LCP

Largest Contentful Paint

Largest Contentful Paint

LCP misst die Zeit, bis das größte Inhaltselement (Bild, Video oder Textblock) im Viewport sichtbar wird. Es ist ein Schlüsselindikator für die wahrgenommene Ladegeschwindigkeit. Gutes LCP ist unter 2,5 Sekunden.

Gut: < 2.5sVerbesserungswürdig: 2.5s - 4sSchlecht: > 4s
INP

Interaction to Next Paint

Interaction to Next Paint

INP misst die Latenz aller Benutzerinteraktionen während des gesamten Seitenlebenszyklus und meldet die längste Interaktion. Es hat FID als Core Web Vital im März 2024 ersetzt. Gutes INP ist unter 200 Millisekunden.

Gut: < 200msVerbesserungswürdig: 200ms - 500msSchlecht: > 500ms
CLS

Cumulative Layout Shift

Cumulative Layout Shift

CLS misst die Summe aller unerwarteten Layoutverschiebungen während der gesamten Lebensdauer der Seite. Eine Layoutverschiebung tritt auf, wenn ein sichtbares Element seine Position ändert. Gutes CLS ist unter 0,1.

Gut: < 0.1Verbesserungswürdig: 0.1 - 0.25Schlecht: > 0.25

Performance-Metriken

First Contentful Paint

First Contentful Paint (FCP)

FCP misst die Zeit vom Seitenladebeginn bis zum Rendern eines beliebigen Teils des Seiteninhalts auf dem Bildschirm. Dies markiert den ersten Punkt, an dem der Nutzer etwas sieht.

Total Blocking Time

Total Blocking Time (TBT)

TBT misst die Gesamtzeit zwischen FCP und TTI, in der der Hauptthread lange genug blockiert war, um die Eingabereaktivität zu verhindern. Es ist das Lab-Äquivalent zu INP.

Speed Index

Speed Index (SI)

Speed Index misst, wie schnell Inhalte während des Seitenladens visuell angezeigt werden. Es erfasst, wie schnell die Seite aus Nutzersicht mit Inhalten gefüllt zu werden scheint.

Time to First Byte

Time to First Byte (TTFB)

TTFB misst die Zeit, bis der Browser das erste Byte der Antwort vom Server erhält. Es spiegelt die Serverantwortzeit und Netzwerklatenz wider.

Time to Interactive

Time to Interactive (TTI)

TTI misst die Zeit, bis die Seite vollständig interaktiv ist – das bedeutet, die Seite zeigt nützliche Inhalte, Event-Handler sind registriert und die Seite reagiert auf Interaktionen innerhalb von 50ms.

Technische Begriffe

Field Data

Echte Performance-Daten, die von tatsächlichen Chrome-Nutzern gesammelt werden, die deine Seite in den letzten 28 Tagen besucht haben. Diese Daten stammen aus dem Chrome User Experience Report (CrUX).

Lab Data

Performance-Daten, die in einer kontrollierten Umgebung mit Lighthouse gesammelt werden. Lab-Daten werden unter festen Bedingungen gesammelt und sind nützlich zum Debuggen spezifischer Performance-Probleme.

Lighthouse

Googles Open-Source-Tool zur automatisierten Verbesserung der Qualität von Webseiten. Es prüft Performance, Barrierefreiheit, SEO und mehr. Es treibt PageSpeed Insights an.

Chrome User Experience Report (CrUX)

Ein öffentlicher Datensatz echter Nutzererfahrungsdaten von Millionen von Websites. Er liefert die Field Data in PageSpeed Insights und ist die Quelle der Core Web Vitals Daten für das Google Search Ranking.

Render-Blocking Resources

Ressourcen (typischerweise CSS und JavaScript), die den Browser daran hindern, Seiteninhalt zu rendern, bis sie heruntergeladen und verarbeitet sind. Die Reduzierung von Render-Blocking Resources verbessert LCP und FCP.

Teste deine Core Web Vitals

Jetzt analysieren