Meine Website ist langsam: Wie führt man eine korrekte Geschwindigkeitsmessung durch?

Labor-Daten vs. echte Nutzerdaten

Labortests sind nützlich, um unter festgelegten Bedingungen nach Problemen zu suchen. Echte Nutzerdaten spiegeln hingegen kollektiv die Erfahrung der Besucher auf verschiedenen Geräten und Netzwerken wider. Die Ergebnisse der beiden müssen nicht identisch sein. Bei einer neuen oder wenig besuchten Website gibt es möglicherweise nicht genügend Felddaten; in diesem Fall wird kein Ergebnis so geschrieben, als gäbe es eine Feldmessung.

Drei verschiedene Probleme

Innerhalb der Core Web Vitals bewertet LCP die Zeit bis zum Erscheinen des größten Bild- oder Textelements im sichtbaren Bereich, INP die Antwort auf Interaktionen und CLS unerwartete Layoutverschiebungen. Nur weil das erste Bild schnell erscheint, bedeutet das nicht, dass auch die Schaltflächen schnell funktionieren. Dass ein Bild nachträglich geladen wird und den Text nach unten verschiebt, ist ein anderes Nutzerproblem als die Ladezeit.

Ein reproduzierbarer Messprotokoll

• Geben Sie die vollständige URL, das Datum, die Gerätegröße und die Netzwerkbedingungen an.
• Bewerten Sie das erste Öffnen und das erneute Öffnen aus dem Cache separat.
• Beobachten Sie das Problem, während die Seite geladen wird und der Benutzer interagiert.
• Überprüfen Sie große Bilder, Drittanbieter-Codes und das Verhalten geladener Videos.
• Untersuchen Sie die Verteilung mehrerer Messungen unter denselben Bedingungen anstelle eines einzelnen Beispiels.
• Testen Sie nach der Änderung nicht nur den Score, sondern auch die Menü-, Formular- und Medienfunktionen.

Zuerst welche Änderung?

Installieren Sie keine zufälligen Geschwindigkeits-Plugins, ohne die Quelle zu bestimmen. Wenn ein großes Bild den ersten Inhalt verzögert, werden Dateigröße und Darstellungsformat untersucht; wenn ein langer Prozess die Interaktion verhindert, wird der ausgeführte Code analysiert. Testen Sie die Änderung zuerst in einer kontrollierten Umgebung und behalten Sie die Möglichkeit zur Rückgängigmachung bei. Die Steigerung des Scores durch die Beeinträchtigung der Bildqualität oder eines notwendigen Prozesses erfüllt nicht den Zweck der Arbeit.

Entscheidung bei dynamischen Websites

Eine Seite mit 3D und Video verursacht eine andere Last als eine textbetonte Dienstleistungsseite. In diesem Portfolio bleibt 3D auf der Startseite; Ratgeber und Dienstleistungsseiten laden diese Szene nicht. Die Fallstudie zeigt diese Trennung. Mit der betroffenen URL und den Testbedingungen können Sie eine technische Prüfung anfragen.

Ressourcen

• web.dev: Web Vitals