Leistung prüfen

Warum und was?

Sie haben bestimmt schon von all den Vorteilen gehört, die progressive Web-App-Techniken auf Ihre Website bringen können. Sie könnten versucht sein, direkt PWA-Funktionen hinzuzufügen. Das ist möglich, aber es ist viel besser, wenn Sie sich zuerst „PWA-tauglich“ machen.

Auch Probleme wie das Blockieren von JavaScript oder aufgeblähten Bildern lassen sich mit PWA-Funktionen nicht beheben. PWAs brauchen ein solides Fundament.

Wie können Sie nun den Status Ihrer Website überprüfen? Der erste Schritt besteht darin, das Standort-Audit durchzuführen: eine objektive Überprüfung dessen, was gut funktioniert und wo (und wie) es Verbesserungspotenzial gibt.

Durch das Prüfen Ihrer Website oder Anwendung können Sie eine stabile, leistungsfähige Umgebung aufbauen und schnelle Erfolge hervorheben, die sich mit minimaler Genehmigung umsetzen lassen. Eine Prüfung liefert Ihnen auch eine Referenz für die datengesteuerte Entwicklung. Hat eine Veränderung die Situation verbessert? Wie schneidet Ihre Website im Vergleich zu Ihren Mitbewerbern ab? Sie erhalten Messwerte, um den Aufwand zu priorisieren, und können konkrete Anhaltspunkte dafür liefern, sobald Sie Verbesserungen vorgenommen haben.

Wenn du nur 5 Minuten Zeit hast...

Führen Sie Lighthouse auf der Startseite aus und speichern Sie die Berichtsdaten. Sie erhalten eine quantifizierte Referenz und eine To-do-Liste für Verbesserungen bei Leistung, Barrierefreiheit, Sicherheit und SEO.

Wenn du nur 30 Minuten Zeit hast...

Lighthouse ist wahrscheinlich immer noch der beste Ausgangspunkt, aber mit etwas mehr Zeit können Sie auch Ergebnisse aus anderen Tools aufzeichnen:

  • Sicherheitsbereich der Chrome-Entwicklertools: HTTPS-Nutzung
  • Netzwerkbereich der Chrome-Entwicklertools: Ladezeiten, Ressourcengrößen und Anzahl der Anfragen für HTML-, CSS-, JavaScript-, Bilder-, Schriftarten- und andere Dateien
  • Chrome Task-Manager: Wenn Ihre Website ständig viel CPU oder mehr Arbeitsspeicher als andere Apps nutzt, müssen Sie möglicherweise Speicherlecks, Probleme beim Ausführen von Aufgaben oder Probleme beim Laden von Ressourcen beheben. Testen Sie Ihre Website auf Geräten, die für Ihre Nutzer repräsentiert sind.
  • WebPagetest: Leistung für verschiedene Standorte und Verbindungstypen, Caching, Zeit bis zum ersten Byte, CDN-Nutzung.
  • PageSpeed Insights: Ladeleistung, Datenkosten und Ressourcennutzung, einschließlich des Berichts zur Nutzererfahrung in Chrome, der reale Leistungsstatistiken enthält.
  • Geschwindigkeitsvergleich und Wirkungsprognose: Vergleichen Sie die Websitegeschwindigkeit mit der ähnlicher Apps und schätzen Sie die potenziellen Umsatzchancen, die sich aus einer Verbesserung der Websitegeschwindigkeit ergeben.

Testen Sie Ihre Website so, wie sie ein Erstnutzer sieht. Öffnen Sie die Website in einem Inkognitofenster (privat) oder verwenden Sie Browsertools, um das Caching zu deaktivieren und den Speicher zu löschen. Dadurch wird sichergestellt, dass jedes Asset aus dem Netzwerk und nicht aus einem lokalen Cache abgerufen wird, sodass Sie ein genaues Bild der Leistung beim ersten Ladevorgang erhalten.

Nichts ist besser als echte Tests. Testen Sie Ihre Website mit denselben Geräten und mit derselben Verbindung wie Ihre Nutzer und notieren Sie Ihre subjektiven Erfahrungen.

Wenn dir die Vielfalt der Tools verwirrend erscheint...

Wirf einen Blick in unseren Leitfaden: How To Think About Speed Tools (Informationen zu Geschwindigkeitstools).

Andernfalls prüfen Sie in Lighthouse Folgendes:

Zielgruppe, Stakeholder, Kontext

Die Prioritäten beim Refactoring hängen von Ihrer Zielgruppe, Ihren Inhalten und der Funktionalität ab. Wer besucht Ihre Website? Warum und wie wird es verwendet? Wie hoch ist Ihr Leistungsbudget? Wenn Sie sich bei den Antworten auf diese Fragen nicht sicher sind, sehen Sie sich die Übungen zum Sammeln von Anforderungen in unseren PWA-Schulungsressourcen an: Ihre Zielgruppe, Ihre Inhalte und Design für alle Nutzer.

Wer sind Ihre Stakeholder und was sind ihre Prioritäten? Dies wirkt sich darauf aus, wie Sie Ihre Audit-Daten strukturieren, präsentieren und teilen.

Wenn du nicht deine gesamte Website prüfen kannst, sieh dir die Seitenanalysen an, um herauszufinden, worauf du dich konzentrieren solltest. Hohe Absprungraten, kurze Besuchszeit auf der Seite und unerwartete Ausstiegsseiten können ein guter Indikator für den Einstieg sein. Ebenso wie Geschäftsmesswerte wie Hosting-Kosten, Anzeigenklicks und Conversions. Verschaffen Sie sich einen Überblick darüber, welche Daten für sie wichtig sind.

Testen, aufzeichnen, korrigieren, wiederholen

Erfassen Sie den Status Ihrer Website, bevor Sie Änderungen vornehmen, um Probleme aufzudecken und einen Ausgangspunkt für Verbesserungen oder Regressionen festzulegen. So erhalten Sie Daten, die den Entwicklungsaufwand rechtfertigen und belohnen.

Testen Sie auf Ihrer Website unbedingt mehrere Seitentypen, nicht nur die Startseite. Testen Sie bei Single-Page-Anwendungen verschiedene Komponenten, Routen und UX-Abläufe und nicht nur den ersten Ladevorgang.

Feedback