Wie Sie Tools zur Geschwindigkeitsmessung einsetzen sollten

Google hat viele Leitfäden zu Leistungsdaten und Leistungstools veröffentlicht. Diese Infografik soll Entwicklern und Marketingexperten dabei helfen, die Leistung zu verstehen und sich in allen Leistungsangeboten von Google zurechtzufinden.

PDF-Version herunterladen

Häufige Missverständnisse bei der Leistung

Mythos 1

Ein Blatt Papier mit einem Liniendiagramm.

Die Nutzererfahrung kann mit einem einzigen Messwert erfasst werden.

Eine gute Nutzererfahrung lässt sich nicht an einem einzelnen Zeitpunkt festmachen. Sie besteht aus einer Reihe von wichtigen Meilensteinen auf dem Weg Ihrer Nutzer. Machen Sie sich mit den verschiedenen Messwerten vertraut und behalten Sie diejenigen im Blick, die für die Nutzererfahrung wichtig sind.

Mythos 2

Eine Sammlung von Netzwerksymbolen, die verschiedene Geräte und Netzwerkbedingungen darstellen.

Die Nutzerfreundlichkeit kann mit einem einzigen „repräsentativen Nutzer“ erfasst werden.
Die tatsächliche Leistung ist aufgrund von Unterschieden bei den Geräten der Nutzer, den Netzwerkverbindungen und anderen Faktoren sehr unterschiedlich. Kalibrieren Sie Ihre Labor- und Entwicklungsumgebung, um eine Vielzahl solcher unterschiedlichen Bedingungen zu testen. Verwenden Sie Felddaten, um die Auswahl der Testparameter für den Gerätetyp (z. B. Mobilgerät oder Computer), die Netzwerkverbindungen (z. B. 3G oder 4G) und andere wichtige Variablen.

Mythos 3

Eine Auswahl von Darstellungen verschiedener Arten von Nutzern.

Meine Website wird bei mir schnell geladen, also sollte sie auch bei meinen Nutzern schnell geladen werden.
Die Geräte und Netzwerke, auf denen Entwickler die Ladeleistung testen, sind oft viel schneller als die, die Ihre Nutzer tatsächlich verwenden. Anhand von Felddaten können Sie herausfinden, welche Geräte und Netzwerke Ihre Nutzer verwenden, und diese Bedingungen beim Testen der Leistung entsprechend nachbilden.

Unterschied zwischen Labor- und Felddaten

Labdaten

Darstellung eines Mannes, der vor einer Reihe abstrakter technischer Konzepte und Symbole steht

Labdaten sind Leistungsdaten, die in einer kontrollierten Umgebung mit vordefinierten Geräte- und Netzwerkeinstellungen erhoben werden. Dies bietet reproduzierbare Ergebnisse und Debugging-Funktionen, mit denen Leistungsprobleme identifiziert, isoliert und behoben werden können.

Das sollten Sie tun:

Vorteile

  • Hilfreich bei der Fehlerbehebung von Leistungsproblemen
  • Vollständige und detaillierte Einblicke in die UX
  • Reproduzierbare Test- und Debugging-Umgebung
Was Sie nicht tun sollten

Beschränkungen

  • Erfasst möglicherweise keine realen Engpässe
  • Keine Korrelation mit realen Seiten-KPIs möglich

Felddaten

Eine Darstellung von Personen, die an einem öffentlichen Ort Mobilgeräte verwenden.

(auch als Real User Monitoring oder RUM bezeichnet)

Felddaten sind Leistungsdaten, die bei tatsächlichen Seitenaufrufen von Nutzern erfasst werden.

Das sollten Sie tun:

Vorteile

  • Erfasst die tatsächliche Nutzererfahrung in der Praxis
  • Ermöglicht die Korrelation mit geschäftlichen Leistungskennzahlen
Was Sie nicht tun sollten

Einschränkungen {: .compare-worse }

  • Eingeschränkte Auswahl von Messwerten
  • Eingeschränkte Debugging-Funktionen

Welche Leistungstools gibt es?

Leuchtturm

Leuchtturm

Sie erhalten personalisierte Empfehlungen, wie Sie Ihre Website in Bezug auf Leistung, Barrierefreiheit, PWA, SEO und andere Best Practices verbessern können.

WebPageTest

WebPageTest

Ermöglicht den Vergleich der Leistung einer oder mehrerer Seiten in einer kontrollierten Laborumgebung, die detaillierte Analyse von Leistungsstatistiken und das Testen der Leistung auf einem echten Gerät. Sie können Lighthouse auch auf WebPageTest ausführen.

TestMySite

TestMySite

Ermöglicht die Diagnose der Webseitenleistung auf verschiedenen Geräten und bietet eine Liste von Korrekturen zur Verbesserung der Nutzerfreundlichkeit von Webpagetest und PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Zeigt Felddaten zur Geschwindigkeit Ihrer Website sowie Vorschläge für gängige Optimierungen an, um die Geschwindigkeit zu verbessern.

Kurzübersicht zur Ladegeschwindigkeit

Geschwindigkeitsübersicht

Sie können die Geschwindigkeit Ihrer mobilen Website mit der Ihrer Mitbewerber in über 10 Ländern vergleichen. Die Websitegeschwindigkeit auf Mobilgeräten basiert auf realen Daten aus dem Chrome User Experience Report.

Wirkungsprognose

Wirkungsprognose

Anhand von Benchmark-Daten aus Google Analytics können Sie die potenziellen Umsatzchancen abschätzen, die sich durch eine Verbesserung der Geschwindigkeit Ihrer mobilen Website ergeben.

Chrome-Entwicklertools

Chrome-Entwicklertools

Ermöglicht die Erstellung eines Profils der Laufzeit einer Seite sowie die Identifizierung und Behebung von Leistungsengpässen.

Du bist also…

Symbol eines Buchs mit Diagrammen und Grafiken.

Werbetreibende oder Entwickler, die einen Business Case für die Verbesserung der Nutzerfreundlichkeit ihrer Website erstellen möchten. Sie sprechen in Euro und Cent und suchen nach Geldwerten, mit denen Sie die Kosten der verpassten Umsatzchance und die erwartete Steigerung quantifizieren können.

  • Mit der Speed Scorecard können Sie die Geschwindigkeit Ihrer mobilen Website mit der von Mitbewerbern in mehr als 10 Ländern vergleichen. Die Werte basieren auf realen Daten aus dem Chrome User Experience Report.
  • Mit der Wirkungsprognose können Sie die potenziellen Umsatzmöglichkeiten abschätzen, die sich durch eine Verbesserung der Geschwindigkeit Ihrer mobilen Website ergeben. Die Auswirkungen werden anhand von Benchmarkdaten aus Google Analytics ermittelt.
  • Mit TestMySite können Sie die Ladezeit Ihrer Seite auf Mobilgeräten testen und mit Branchen-Benchmarks vergleichen. Außerdem erfahren Sie, wie Sie mit einfachen Korrekturen die Geschwindigkeit Ihrer Website erhöhen und den Verlust von Besuchern verringern können. TestMySite wird derzeit von WebPageTest und PageSpeed Insights unterstützt.
Symbol eines Laptops mit dem Chrome-Logo dahinter und etwas darüber.

Entwickler, die die aktuelle Leistung ihrer Website aus Sicht echter Chrome-Nutzer verstehen möchten und nach Empfehlungen für Audits suchen, die den wichtigsten Branchentrends und ‑richtlinien entsprechen.

PageSpeed Insights hilft euch, die tatsächliche Leistung eurer Website zu verstehen, wie sie von Chrome-Nutzern erlebt wird, und empfiehlt Optimierungsmöglichkeiten.

Symbol einer Lighthouse-Audit-Ergebnisseite.

Entwickler, die eine Website anhand moderner Best Practices für die Webleistung analysieren und prüfen möchten.

Lighthouse enthält eine umfassende Liste von Leistungsmöglichkeiten. Sie erhalten eine Liste der Leistungsmöglichkeiten, die auf Ihrer Seite fehlen, und die Zeit, die Sie durch die Implementierung der einzelnen Optimierungen sparen. So können Sie besser nachvollziehen, was Sie tun sollten.

Symbol einer Lupe über einem Käfer.

Entwickler, die nach technischen Anleitungen zum Debuggen/zur detaillierten Analyse der Leistung ihrer Website suchen.

Die Chrome-Entwicklertools (CDT) enthalten einen Bereich „Leistung“, in dem Sie Leistungsprobleme auf Ihrer Website genauer untersuchen können. Dazu erstellen Sie ein Profil Ihrer Website mit benutzerdefinierten Konfigurationen, um Leistungsengpässe zu finden. Sie können CDT sowohl für Produktions- als auch für Entwicklungsversionen einer Website verwenden.

WebPageTest enthält eine erweiterte Suite von Messwerten und Trace-Viewern. Damit können Sie die Leistung Ihrer Website auf echter mobiler Hardware mit Netzwerkbedingungen im Detail analysieren.