Warum ist Ihre Website langsam?
Erscheint der Hauptinhalt spät, prüfen Sie den LCP. Reagieren Schaltflächen verzögert, prüfen Sie den INP. Verschieben sich Texte und Schaltflächen, prüfen Sie den CLS. Das sind die drei Core Web Vitals für Laden, Reaktionsfähigkeit und visuelle Stabilität. Ein Problem mit einem dieser Werte bedeutet nicht zwangsläufig, dass die gesamte Seite langsam lädt. Ursachen können Bilder, die Serverantwort, JavaScript oder Schriftarten sein.
Was messen die drei Kennzahlen?
Google veröffentlicht für jede Kennzahl drei Einstufungen: gut, verbesserungsbedürftig und schlecht. Stellen Sie zunächst fest, welcher Wert außerhalb des guten Bereichs liegt. Jeder weist auf ein anderes Problem hin.
Largest Contentful Paint (LCP) misst, wann das größte sichtbare Bild, der größte Textblock oder das größte sichtbare Video erscheint. Bis einschließlich 2,5 Sekunden ist der Wert gut. Über 2,5 bis einschließlich 4 Sekunden besteht Verbesserungsbedarf; über 4 Sekunden ist der Wert schlecht.
Der LCP setzt sich aus vier Teilen zusammen: der Zeit bis zum ersten Byte (TTFB), der Wartezeit bis zum Download der benötigten Ressource, dem Download selbst und der Verzögerung bis zur Darstellung. Text mit einer Systemschrift benötigt möglicherweise keinen eigenen Ressourcendownload. Ein kleineres Bild löst nicht das ganze Problem, wenn der Browser vor der Anzeige weiterhin auf JavaScript wartet.
Interaction to Next Paint (INP) misst die Reaktionsfähigkeit bei Interaktionen wie Klicken, Tippen oder Tastatureingaben bis zur nächsten Bildschirmaktualisierung. Bis einschließlich 200 Millisekunden ist der Wert gut. Über 200 bis einschließlich 500 Millisekunden besteht Verbesserungsbedarf; über 500 Millisekunden ist die Reaktionsfähigkeit schlecht.
Cumulative Layout Shift (CLS) misst unerwartete Verschiebungen von Seitenelementen. Es handelt sich um einen Wert ohne Einheit, nicht um eine Zeit in Sekunden. Verschiebungen können auch nach dem ersten Laden auftreten. Bis einschließlich 0,1 ist der Wert gut. Über 0,1 bis einschließlich 0,25 besteht Verbesserungsbedarf; über 0,25 ist die visuelle Stabilität schlecht.
Die Bewertung realer Nutzung erfolgt am 75. Perzentil, getrennt für Smartphones und Computer. Liegt dieser Wert im guten Bereich, erfüllen mindestens 75 % der erfassten Besuche den jeweiligen Schwellenwert. Ein schneller Test auf Ihrem eigenen Computer beschreibt nicht die Erfahrung aller Besucher.
Was bedeutet das für die Platzierung bei Google?
Google verwendet Core Web Vitals in seinen Rankingsystemen. Gute Ergebnisse garantieren jedoch keinen Spitzenplatz. Inhalte müssen weiterhin nützlich und für die Suchanfrage relevant sein; keine einzelne Kennzahl bestimmt allein die Position.
Beheben Sie gemessene Probleme, weil sie die Nutzung der Seite erschweren. Aus einer Verbesserung von LCP, INP oder CLS lässt sich keine bestimmte Platzierung, kein zusätzlicher Traffic und keine höhere Zahl von Anfragen versprechen.
Woher können die Verzögerungen kommen?
Vier in der web.dev-Dokumentation beschriebene Ursachengruppen bieten einen Ausgangspunkt. Prüfen Sie sie anhand der betroffenen Kennzahl und Seite.
- Große Bilddateien. Eine Datei kann größer sein als für den Bildschirm nötig, oder ihr Download beginnt zu spät. Prüfen Sie Abmessungen, Komprimierung, WebP- oder AVIF-Formate und den Zeitpunkt, zu dem der Browser die Ressource erkennt. Ein Bilder-CDN kann im Einzelfall sinnvoll sein, ist aber keine Pflichtlösung für jede Website.
- Eine lange Zeit bis zum ersten Byte. Die TTFB umfasst die Wartezeit bis zum Eingang der ersten Daten. Server, Netzwerk, Weiterleitungen und Cache können eine Rolle spielen. Prüfen Sie auch, ob URL-Parameter wie
utm_das Caching beeinträchtigen. Eine hohe TTFB lässt weniger Zeit für die übrigen Teile des LCP. - Zu viel Arbeit auf dem Hauptthread. Lange JavaScript-Aufgaben können die Reaktion auf eine Aktion verzögern. Lassen Sie im Ereignishandler die für die nächste Bildschirmaktualisierung nötige Arbeit und verschieben Sie andere Arbeit in spätere Aufgaben, soweit dies zum Code passt.
- Schriftarten, die Text verzögern oder das Layout verschieben. Prüfen Sie Anfragen, Ladezeitpunkt, Ersatzschrift und
font-display. WOFF2 und Teilzeichensätze mit den benötigten Zeichen können die übertragene Datenmenge verringern. Dabei müssen die Zeichen erhalten bleiben, die für die Sprachen der Website tatsächlich benötigt werden.
Felddaten oder Labortest?
Felddaten beschreiben die Nutzung mit unterschiedlichen Geräten, Netzwerken und Interaktionen. PageSpeed Insights kann solche Daten aus dem Chrome User Experience Report (CrUX) anzeigen, sofern sie verfügbar sind. Prüfen Sie, ob sie sich auf die konkrete URL oder die gesamte Origin beziehen. Zu wenige Daten für eine URL sind weder ein gutes noch ein schlechtes Ergebnis.
Ein Labortest hilft, ein Problem nachzustellen und eine Änderung zu prüfen. Der übliche Lighthouse-Ladetest misst LCP und CLS, aber ohne Interaktion keinen INP. Seine Total Blocking Time (TBT) kann bei der Diagnose von Reaktionsproblemen helfen; sie ist kein gemessener INP realer Besucher. Halten Sie die Art der Daten zusammen mit dem Ergebnis fest.
Fragen
Gelten für Smartphones und Computer dieselben Schwellenwerte?
Ja. Die Zahlen sind gleich, die Ergebnisse werden jedoch getrennt ausgewiesen. Eine Seite kann auf dem Computer im guten Bereich liegen und ihn auf dem Smartphone verfehlen.
Steht eine schnellere Seite zwangsläufig vor einer relevanteren?
Nein. Core Web Vitals fließen in die Bewertung ein. Ein guter Wert garantiert aber keine höhere Position als bei einer Seite mit relevanteren Inhalten.
Warum ist die TTFB wichtig, obwohl sie nicht zu den drei Hauptkennzahlen gehört?
Sie ist der erste Teil des LCP. Treffen die ersten Daten spät ein, bleibt weniger Zeit zum Herunterladen und Anzeigen des Hauptinhalts. Deshalb ist die TTFB bei der Ursachensuche nützlich.
Müssen wir alle Webfonts entfernen?
Nicht unbedingt. Sie können Anfragen reduzieren, eine Systemschrift oder eine geeignete variable Schrift verwenden und die benötigten Zeichen in WOFF2 ausliefern. Prüfen Sie zunächst das Ladeverhalten und den Schriftwechsel, bevor Sie auf die Schrift verzichten.
Quellen
Weiterführende Artikel
Nächster Schritt
Messen Sie die Seiten, die Ihre Kunden nutzen
Die Website-Prüfung misst LCP und CLS auf den zentralen Seiten, auf Smartphones und Computern. Sie ergänzt INP, soweit Google Daten realer Besucher bereitstellt. Sie erhalten eine nach Schweregrad geordnete Korrekturliste.
oder schreiben Sie an contact@ergostrat.com