PageSpeed Insights verstehen: Core Web Vitals in verständlicher Sprache
Sie haben Ihre Website in PageSpeed Insights getestet und sehen eine rote Zahl, zum Beispiel 45. Was bedeutet das, und wie schlimm ist das? In diesem Artikel lesen Sie, wie Sie den Bericht lesen, was die drei Core Web Vitals messen und was Sie selbst verbessern können.
Die drei Messungen
| Messung | Was gemessen wird | Gut | Verbesserung nötig | Schlecht |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Wie schnell das größte Inhaltselement sichtbar ist, oft das große Bild oben | bis 2,5 s | 2,5 bis 4 s | über 4 s |
| INP (Interaction to Next Paint) | Wie schnell die Seite reagiert, wenn Sie klicken, tippen oder schreiben | bis 200 ms | 200 bis 500 ms | über 500 ms |
| CLS (Cumulative Layout Shift) | Wie stark sich die Seite während des Ladens verschiebt (ein Wert, keine Zeit) | bis 0,1 | 0,1 bis 0,25 | über 0,25 |
Eine Seite erfüllt die Core Web Vitals, wenn mindestens 75 Prozent der Besuche bei allen drei Werten gut abschneiden, getrennt für Mobilgeräte und Desktop. Nicht Ihr schneller Computer zählt also, sondern die Erfahrung der meisten Besucher, auch auf einem älteren Telefon. INP hat im März 2024 die ältere Messung FID ersetzt. Stoßen Sie noch auf FID, dann ist diese Information veraltet.
Felddaten und Labordaten
PageSpeed Insights zeigt zwei Arten von Messungen, die oft unterschiedliche Zahlen liefern:
- Felddaten (oben): Messungen bei echten Besuchern mit Chrome aus den letzten 28 Tagen. Diese bestimmen, ob Sie die Core Web Vitals erfüllen. Hat Ihre Seite zu wenig Besucher, sehen Sie die Zahlen Ihrer gesamten Website oder gar keine Felddaten.
- Labordaten (darunter): ein Test mit Lighthouse, der die Seite einmal auf einem simulierten mittelmäßigen Telefon und einer entsprechenden Verbindung lädt. Daher stammt die Zahl von 0 bis 100. Lighthouse kann kein INP messen, da niemand klickt.
Nutzen Sie die Labordaten, um Ursachen zu finden und um nach einer Verbesserung sofort zu sehen, ob sie hilft. Beginnen Sie mit dem Tab Mobil: Dort ist es meist schlechter, und Google achtet vor allem auf die mobile Version Ihrer Website.
Wie stark wiegt das bei Google?
Google schreibt, dass die Core Web Vitals beim Ranking mitzählen. Google zeigt jedoch immer den relevantesten Inhalt an, auch wenn diese Seite nicht die schnellste ist. Die Zahl von 0 bis 100 stammt aus dem Labortest und ist keine Bewertung von Google; diese Bewertung stammt aus den Felddaten. Eine perfekte Punktzahl nur für Google zu erreichen, ist laut Google selbst nicht die beste Zeitinvestition. Sorgen Sie dafür, dass Sie im grünen oder zumindest im orangefarbenen Bereich liegen, vor allem weil Besucher bei einer langsamen oder verspringenden Seite abspringen.
Was Sie auf der Seite selbst verbessern
- Kleinere Bilder. Ein Foto von mehreren Tausend Pixeln Breite für ein Feld von 800 Pixeln ist die häufigste Ursache für ein langsames LCP. Verkleinern Sie Fotos vor dem Hochladen und nutzen Sie ein modernes Format wie WebP oder AVIF.
- Breite und Höhe bei jedem Bild. Ohne
widthundheightweiß der Browser nicht, wie viel Platz ein Foto benötigt, und der Text verspringt, wenn es geladen wird. Das erhöht den CLS:<img src="bloemstuk.webp" width="800" height="600" alt="Bruidsboeket met witte rozen">
- Das wichtigste Bild nicht träge laden lassen.
loading="lazy"eignet sich für Fotos weiter unten, aber nicht für das Foto, das beim Öffnen bereits sichtbar ist. Sonst wartet der Browser gerade auf das Foto, das Ihr LCP bestimmt. - Nichts nachträglich oberhalb des Inhalts einfügen. Ein Cookiebanner, eine Werbung oder ein Widget, das die Seite nach unten schiebt, lässt alles verspringen. Lassen Sie einen solchen Banner lieber über die Seite legen.
- Weniger Skripte von Dritten. Ein schlechter INP-Wert liegt fast immer an zu viel JavaScript: schwere Themes, Slider, Chatfenster und Tracker. Prüfen Sie jedes Plugin oder eingebettete Dienst kritisch.
Was der Server tut
Alles beginnt mit der ersten Reaktion des Servers, der Time to First Byte (TTFB). Diese ist selbst kein Core Web Vital, aber bei einer langsamen ersten Reaktion ist ein guter LCP fast unmöglich. Als Richtwert gilt 0,8 Sekunden oder weniger als gut. Ursachen sind oft eine Website ohne Cache, zu wenig Rechenleistung oder Weiterleitungen. Der Server sollte Textdateien zudem komprimiert versenden (Komprimierung mit gzip oder Brotli). Wie Sie die Serverseite angehen, lesen Sie in Meine Website ist langsam oder nutzt zu viel CPU: So machen Sie sie schneller und in der DirectAdmin-Anleitung, Meine Website ist langsam.
Im AI Bouwer und WordPress
Eine Website des AI Bouwer setzt Breite und Höhe bei Bildern, deren Maße bekannt sind, lädt das erste Foto einer Seite direkt und mit Priorität und den Rest erst, wenn er sichtbar wird, und erstellt beim Veröffentlichen eine kleinere Version großer Fotos. In WordPress helfen ein Cache-Plugin und das Verkleinern von Bildern am meisten. Das lesen Sie im kostenlosen WordPress-Kurs, in den Lektionen Was macht eine Website langsam, und wie misst man das? und Bilder, PHP und weitere Geschwindigkeitsgewinne.
Weiterführende Informationen
- web.dev: Web Vitals (Englisch)
- Über PageSpeed Insights (Englisch)
- Google: Seitenerlebnis und Google Suche (Englisch)
- Google: der Bericht zur Nutzerfreundlichkeit der Seite