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

Ein Blatt Papier mit einem
Liniendiagramm darauf.

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

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

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

Darstellung verschiedener Arten von
Nutzenden.

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

Ein Mann steht vor einer Reihe
abstrakter technischer Konzepte und Symbole

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

Felddaten

Darstellung von Personen in einer öffentlichen Umgebung, die Mobilgeräte verwenden.

(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

Welche Leistungstools gibt es?

Leuchtturm

Leuchtturm

Hier erhältst du individuelle Tipps zur Optimierung deiner Website in Bezug auf Leistung, Barrierefreiheit, PWA, SEO und andere Best Practices.

WebPageTest

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

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

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

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.

Wirkungsprognose

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

Chrome-Entwicklertools

Damit können Sie ein Profil für die Laufzeit einer Seite erstellen sowie Leistungsengpässe identifizieren und beheben.

Sie sind also...

Buchsymbol mit
Diagrammen und Grafiken.

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.
Symbol eines Laptops mit dem Chrome-Logo dahinter und etwas darüber.

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.

Symbol einer Ergebnisseite einer Lighthouse-Prüfung.

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.

Symbol einer Lupe
über einem Fehler.

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.