Screenshot von web.dev/fcp mit deutlicher Grafik der Metrik-Schwellenwerte

Bei den Core Web Vitals wird angestrebt „Gut“ abzuschneiden, da dies seit kurzem einen Einfluss auf das mobile Ranking in Googles Suchergebnissen haben kann. Auch wenn SEO für einen nicht so relevant ist schadet es nicht gute Werte bei den Metriken zu erzielen, da eine gute Performance ja auch für normale User*innen einer Seite von Vorteil ist. Was Google für „Gut“ hält kann man zum Glück ganz einfach nachgucken, z.B. für FCP reicht ein Blick auf web.dev/fcp und eine hübsche Grafik zeigt einem, wo die Schwellenwerte sind. Google teilt ein in „Good“, „Needs Improvement“ und „Poor“, das Color-Coding ist Grün, Gelb und Rot. Diese Farben finden sich auch an diversen anderen Stellen. Das Problem: Sie beziehen sich nicht immer alle auf die selben Schwellenwerte, aber das wird nicht immer ganz klar. Das kann dann zu so kuriosen Situationen führen, dass man in Feld-Daten einen grünen LCP-Wert, in den Lab-Daten aber einen besseren Wert, der jedoch gelb eingestuft wird.

Field-Data / CrUX

Die vier Metriken, die z.B. PageSpeed Insights unter den Field-Data ausgibt beziehen sich auf die Schwellenwerte, die man unter der kurzen web.dev/$metrik – URL findet, also:

  • FCP: web.dev/fcp
  • LCP: web.dev/lcp
  • FID: web.dev/fid
  • CLS: web.dev/cls

Diese Schwellenwerte sind aktuell nicht unterschiedlich für Desktop oder Mobile und die Werte sind wie folgt:

GoodNeeds ImprovementPoor
FCP=< 1.8 s1.8 s < und =< 3.0 s> 3.0 s
FID=< 100 ms100 ms < und =< 300 ms> 300 ms
LCP=< 2.5 s2.5 s < und =< 4.0 s> 4.0 s
CLS=< 0.10.1 < und =< 0.25> 0.25
Übersicht Der Schwellenwerte der Web Vitals

Lab-Data

Versteckte Detail-Links

Auf einer PageSpeed Insights-Ergebnisseite findet man das Color-Coding bei den Lab-Werten auch links neben dem Namen der Metrik stehen, aber da gelten andere Schwellenwerte. Diese Daten leiten sich nämlich aus Lighthouse ab, womit dieser Test im Hintergrund läuft. Die verwendete Lighthouse-Version findet sich ziemlich am Ende der Ergebnisseite.

Googles Kommunikation finde ich hier etwas schwierig. Zu den Detail-Seiten der Lab-Metriken kommt man, wenn man in der „Lab-Daten“-Zeile rechts die ausführliche Darstellung wählt und dort jeweils auf den „Weitere Informationen“ („Learn more“) Link klickt (siehe Bild). Die URLs für die Details der Lab-Metriken sind:

  • FCP: web.dev/first-contentful-paint
  • Speed Index: web.dev/speed-index
  • LCP: web.dev/lighthouse-largest-contentful-paint
  • TTI: web.dev/interactive
  • TBT: web.dev/lighthouse-total-blocking-time
  • CLS: web.dev/cls

Wie man sieht haben FCP und LCP hier nochmal separate Seiten, wobei beim LCP immerhin „lighthouse“ in der URL vor kommt wird bei FCP dann im ersten Absatz der Seite erwähnt, dass es sich hier um Lighthouse dreht. Seit Version 6 wird bei Lighthouse für Desktop und Mobile mit unterschiedlichen Schwellenwerten gearbeitet. Die genannten URLs nennen leider nur einen Schwellenwert, daher habe ich die Werte mal aus dem Performance-Calculator für Lighthouse herausgefummelt um sie hier übersichtlich in zwei Tabellen auflisten zu können.

Lighthouse-Thresholds für Mobile

GoodNeeds ImprovementPoor
FCP=< 1820 ms1820 ms < und =< 3010 ms> 3010 ms
Speed Index=< 3420 ms3420 ms < und =< 5830 ms> 5830 ms
LCP=< 2520 ms2520 ms < und =< 4010 ms> 4010 ms
TTI=< 3830 ms3830 ms < und =< 7340 ms> 7340 ms
TBT=< 200 ms200 ms < und =< 600 ms> 600 ms
CLS=< 0.100.10 < und =< 0.25> 0.25
Lighthouse-Metrik-Schwellenwerte für Mobile

Lighthouse-Thresholds für Desktop

GoodNeeds ImprovementPoor
FCP=< 940 ms940 ms < und =< 1600 ms> 1600 ms
Speed Index=< 1320 ms1320 ms < und =< 2310 ms> 2310 ms
LCP=< 1210 ms1210 ms < und =< 2410 ms> 2410 ms
TTI=< 2500 ms2500 ms < und =< 4520 ms> 4520 ms
TBT=< 150 ms150 ms < und =< 350 ms> 350 ms
CLS=< 0.100.10 < und =< 0.25> 0.25
Lighthouse-Metrik-Schwellenwerte für Desktop

Wer sich übrigens für die Details interessiert, wie diese Schwellenwerte der Metriken ermittelt werden findet einen länglichen Beitrag dazu bei web.dev.

Googles Informationen zu Web Performance sind immer noch ganz schön verteilt und werden auch immer nur nach und nach aktualisiert. Bleibt zu hoffen, dass mit der erhöhten Priorität auch die Infos etwas mehr geradegezogen werden.