Tipps für Geschwindigkeitstools

Tools zur Geschwindigkeit

Google bietet zahlreiche Leitlinien zu Leistungsdaten und -tools. Das Ziel dieser Infografik ist es, diese Anleitungen für Entwickler und Werbetreibende zu konsolidieren, damit sie verstehen, wie man über Leistung nachdenkt und sich mit den verschiedenen Leistungstools von Google vertraut macht.

PDF-Version herunterladen

Häufige Missverständnisse zur Leistung

Mythos 1

Die Nutzererfahrung lässt sich mit einem einzigen Messwert erfassen.

Eine gute User Experience wird nicht für einen einzelnen Zeitpunkt erfasst. Es besteht aus einer Reihe wichtiger Meilensteine in der User Journey. Machen Sie sich mit den verschiedenen Messwerten vertraut und verfolgen Sie die Messwerte, die für die Nutzererfahrung wichtig sind.

Mythos 2

Die Nutzererfahrung kann von einem einzelnen „repräsentativen Nutzer“ erfasst werden.
Die Leistung in der Praxis kann aufgrund von unterschiedlichen Geräten und Netzwerkverbindungen sowie anderen Faktoren stark schwanken. Kalibrieren Sie Ihre Labor- und Entwicklungsumgebung, um eine Vielzahl solcher Bedingungen zu testen. Verwenden Sie Felddaten, um die Auswahl von Testparametern für Gerätetyp (z. B. Mobilgerät oder Computer), Netzwerkverbindungen (z. B. 3G oder 4G) und andere wichtige Variablen.

Mythos 3

Meine Website lädt für mich schnell. Deshalb sollte sie auch für meine Nutzer schnell geladen werden.
Die Geräte und Netzwerke, für die Entwickler die Lastleistung testen, sind oft viel schneller als das, was die Nutzer tatsächlich sehen. Anhand von Felddaten können Sie nachvollziehen, welche Geräte und Netzwerke Ihre Nutzer verwenden, und diese Bedingungen beim Testen der Leistung entsprechend berücksichtigen.

Lab- und Felddaten verstehen

Labdaten

Labdaten sind Leistungsdaten, die in einer kontrollierten Umgebung mit vordefinierten Geräte- und Netzwerkeinstellungen erfasst werden. Dies bietet reproduzierbare Ergebnisse und Fehlerbehebungsfunktionen, um Leistungsprobleme zu identifizieren, zu isolieren und zu beheben.

Das sollten Sie tun:

Stärken

• Hilfreich beim Beheben von Leistungsproblemen
• Umfassende und umfassende Einblicke in die UX
• Reproduzierbare Test- und Debugging-Umgebung

Don'ts

Beschränkungen

• Tatsächliche Engpässe werden möglicherweise nicht erfasst.
• Keine Korrelation mit tatsächlichen Seiten-KPIs möglich

Hinweis : Tools wie Lighthouse und WebPageTest erheben diese Art von Daten.

Felddaten

(auch Real User Monitoring oder RUM genannt)

Felddaten sind Leistungsdaten, die bei echten Seitenaufrufen Ihrer Nutzer in der freien Umgebung erfasst werden.

Das sollten Sie tun:

Stärken

• Erfassung der tatsächlichen User Experience
• Ermöglicht den Zusammenhang mit Leistungskennzahlen des Unternehmens

Don'ts

Einschränkungen {: .compare-worse }

• Eingeschränkte Gruppe von Messwerten
• Eingeschränkte Debugging-Möglichkeiten

Hinweis : Bei öffentlichen Datensätzen wie dem Bericht zur Nutzererfahrung in Chrome und Leistungstools wie PageSpeed Insights wird diese Art von Daten gemeldet.

Welche Leistungstools gibt es?

Leuchtturm Hier erhältst du individuelle Tipps zur Optimierung deiner Website in Bezug auf Leistung, Barrierefreiheit, PWA, SEO und andere Best Practices.	WebPageTest Damit können Sie die Leistung einer oder mehrerer Seiten in einer kontrollierten Laborumgebung vergleichen, Leistungsstatistiken detailliert analysieren und die Leistung auf einem echten Gerät testen. Du kannst Lighthouse auch auf WebPageTest ausführen.
TestMySite Ermöglicht die geräteübergreifende Diagnose der Webseitenleistung und enthält eine Liste mit Fehlerkorrekturen zur Verbesserung der Nutzererfahrung mit WebPagetest und PageSpeed Insights.	PageSpeed Insights Daten zum Geschwindigkeitsfeld für deine Website sowie Vorschläge für häufige Optimierungen zur Verbesserung der Website
Kurzübersicht zur Ladegeschwindigkeit Vergleicht die Geschwindigkeit Ihrer mobilen Website mit Mitbewerbern in mehr als 10 Ländern. Die Geschwindigkeit mobiler Websites basiert auf realen Daten aus dem Bericht zur Nutzererfahrung in Chrome.	Auswirkungsrechner Anhand von Benchmarkdaten von Google Analytics können Sie die potenziellen Umsatzchancen abschätzen, die sich durch die Verbesserung der Geschwindigkeit Ihrer mobilen Website ergeben.
Chrome-Entwicklertools Damit können Sie ein Profil für die Laufzeit einer Seite erstellen sowie Leistungsengpässe identifizieren und beheben.

Sie sind also...

Werbetreibende oder Entwickler, die einen Business Case zur Verbesserung der Nutzerfreundlichkeit Ihrer Website erstellen möchten. Sie sprechen Dollar und Cent und suchen nach Geldbeträgen, die Ihnen helfen können, die Kosten der verpassten Umsatzchance und den erwarteten Anstieg zu quantifizieren.

• In der Kurzübersicht zur Ladegeschwindigkeit sehen Sie, wie Ihre mobile Website im Vergleich zu Mitbewerbern in mehr als zehn Ländern abschneidet. Die Bewertungen basieren auf realen Daten aus dem Bericht zur Nutzererfahrung in Chrome.
• Mit dem Auswirkungsrechner können Sie die potenziellen Umsatzchancen abschätzen, die sich aus der Verbesserung der Geschwindigkeit Ihrer mobilen Website ergeben. Die Wirkung wird anhand von Benchmarkdaten aus Google Analytics bestimmt.
• Mit TestMySite können Sie die Ladezeit Ihrer Seite auf Mobilgeräten anhand von Branchen-Benchmarks testen und herausfinden, wie Sie mit einfachen Korrekturen Ihre Website beschleunigen und Besucherverluste reduzieren können. TestMySite wird derzeit von WebPageTest und PageSpeed Insights unterstützt.

Ein Entwickler möchte die aktuelle Leistung Ihrer Website aus der Sicht realer Chrome-Nutzer verstehen und nach Audit-Empfehlungen zu den wichtigsten Branchentrends und -richtlinien suchen.

Mit PageSpeed Insights kannst du die tatsächliche Leistung deiner Website aus der Sicht von Chrome-Nutzern nachvollziehen und Optimierungsmöglichkeiten empfehlen.

Entwickler, der versucht, eine Website anhand moderner Best Practices für die Webleistung zu verstehen und zu prüfen.

Lighthouse enthält eine umfassende Reihe von Möglichkeiten zur Leistungssteigerung. Sie erhalten eine Liste der Leistungsmöglichkeiten, die auf Ihrer Seite fehlen, sowie die Zeit, die durch die Implementierung der einzelnen Optimierungen eingespart wird. So können Sie besser verstehen, was zu tun ist.

Entwickler, der nach einer technischen Anleitung zur Fehlerbehebung sucht und detaillierte Informationen zur Leistung der Website benötigt

Die Chrome Developer Tools (CDT) enthalten ein Leistungssteuerfeld, in dem Sie Leistungsprobleme Ihrer Website untersuchen können. Dazu erstellen Sie ein Websiteprofil mit benutzerdefinierten Konfigurationen und können so Leistungsengpässe aufspüren. Sie können CDT entweder für Produktions- oder Entwicklungsversionen einer Website verwenden.

WebPageTest enthält eine erweiterte Suite von Messwerten und Trace-Viewern. Es ermöglicht einen tiefgreifenden Einblick in die Leistung Ihrer Website auf echter mobiler Hardware mit Netzwerkbedingungen.