lernen

Web Performance Monitoring-Strategien und bewährte Praktiken

Einführung

Bei der Überwachung der Web-Performance werden die Reaktionsfähigkeit, die Geschwindigkeit und die Gesamtleistung einer Website regelmäßig überprüft, um ein reibungsloses und positives Nutzererlebnis zu gewährleisten.

Die Überwachung der Webleistung begann in den 1990er Jahren mit einfachen manuellen Kontrollen. Mit der Weiterentwicklung von Websites verlagerte sich der Schwerpunkt auf die Verfolgung von Server-Antwortzeiten und Nutzererfahrungen mit Tools wie Google Analytics und WebPageTest. Heute nutzen Unternehmen die Web-Leistungsüberwachung, um Probleme frühzeitig zu erkennen und zu beheben und ihre Websites schnell und zuverlässig zu halten.

In diesem Artikel werden das Konzept der Web-Performance-Überwachung, ihre Anwendungsfälle, verschiedene Überwachungsstrategien und empfohlene Best Practices erläutert.

Zusammenfassung der wichtigsten Konzepte zur Überwachung der Web-Performance

Konzept Beschreibung
Überwachung der Webleistung Der Prozess der Verfolgung der Gesamtleistung einer Website, um ein nahtloses Nutzererlebnis zu gewährleisten.
Core Web Vitals Core Web Vitals sind Metriken, die die Ladegeschwindigkeit, die Reaktionsfähigkeit und die visuelle Stabilität einer Website messen, um die allgemeine Benutzerfreundlichkeit zu bewerten.
Strategien zur Überwachung der Webleistung Zu den wichtigsten Strategien für die Überwachung der Web-Performance gehören die wichtigsten Web-Vitaldaten, die Überwachung synthetischer Benutzer, die Überwachung echter Benutzer und die Überwachung der Internet-Performance.
Überwachung der Webleistung Sie können mit WebPageTest einen schnellen Leistungstest durchführen und kostenlos einen Bericht erstellen. Für einen umfassenden, fortlaufenden Leistungsbericht können Sie eine Internet Performance Monitoring (IPM)- Lösung mit synthetischen und echten Benutzerüberwachungsfunktionen implementieren.
Bewährte Verfahren zur Überwachung der Webleistung Zu den empfohlenen Best Practices gehören die kontinuierliche Überwachung, die Verfolgung relevanter Metriken (z. B. Konversionsrate, Absprungrate und die vollständigen Core Web Vitals-Metriken), die Konfiguration von Warnungen und Benachrichtigungen sowie die Auswahl des richtigen Überwachungstools.

Anwendungsfälle für die Überwachung der Webleistung

Die Überwachung der Web-Performance ist wichtig, unabhängig davon, ob Sie Teil des Entwicklungsteams sind, das sich auf die Programmierung konzentriert, oder des DevOps- und SRE-Teams (Site Reliability Engineering), das sich mit kontinuierlicher Bereitstellung und Skalierbarkeit beschäftigt.

Für Entwickler

Tools zur Überwachung der Web-Performance bieten Echtzeit-Einblicke in Leistungsengpässe. Entwickler können Probleme erkennen und beheben, bevor sie sich auf die Endbenutzer auswirken.

Die Überwachung zeigt die Lade- und Nutzungsmuster von Ressourcen wie Skripten, Bildern und Stylesheets. Die Entwickler nutzen diese Informationen, um die Ladezeit zu verkürzen und die allgemeine Webleistung zu verbessern.

Die Leistungsüberwachung zeigt auch die Auswirkungen von Codeänderungen auf die Website auf. Die Entwickler können den Code effektiver optimieren und eine wartbare und saubere Codebasis schaffen.

Für DevOps

Detaillierte Leistungsmetriken und Überwachungswarnungen helfen Ihrem DevOps-Team, Vorfälle schneller zu diagnostizieren und zu beheben und so die Zuverlässigkeit und Verfügbarkeit der Website zu erhöhen.

Web-Performance-Monitoring-Daten helfen DevOps, Verkehrsmuster und Leistung unter Last zu verstehen. Sie können den Ressourcenbedarf vorhersagen und die Infrastruktur effizient skalieren, um Verkehrsschwankungen ohne Leistungseinbußen zu bewältigen. Die aus der Überwachung gewonnenen Erkenntnisse gewährleisten eine effektive Ressourcennutzung und senken die Wartungskosten.

Die Überwachung unterstützt auch die Einhaltung von Vorschriften, indem sie DevOps-Teams hilft, Sicherheitsmängel schnell zu erkennen und zu beheben.

Strategien zur Überwachung der Webleistung

Eine umfassende Überwachung erfordert in der Regel mehrere verschiedene Strategien.

Synthetische Benutzerüberwachung

Die synthetische Benutzerüberwachung (auch als aktive Überwachung bezeichnet) ist eine Technik, bei der mithilfe von Skripten der Weg simuliert wird, den Benutzer bei der Interaktion mit einer Anwendung über verschiedene Szenarien, Standorte und Geräte hinweg nehmen könnten. Dazu gehören die mehrstufige Transaktionsüberwachung, die Simulation von Webbrowsern oder mobilen Anwendungen sowie Netzwerktests (Ping, Traceroute). Sie können auch von verschiedenen Punkten im globalen Netzwerk führender Anbieter von drahtlosen und drahtgebundenen Diensten aus testen, indem Sie anpassbare Testfrequenzen verwenden.

Es bietet Analysen und Berichte mit SLA-Tracking, Dashboards und Warnmeldungen. Sie können die Simulationsdaten analysieren, um die Leistung, Verfügbarkeit und Funktionalität einer Website für verschiedene Benutzergruppen zu bewerten. Sie erhalten Einblicke in:

  • Wie Ihre Anwendung auf typisches Benutzerverhalten reagiert
  • Bei Ausfallzeiten oder Störungen
  • Erkennung von Verlangsamung oder Ausfallzeiten während Stunden mit geringer oder keiner Nutzung
  • Überprüfung der Reaktionszeit von Hunderten von Punkten rund um den Globus
  • Sicherheit und Endpunktnutzung

In diesem Leitfaden erfahren Sie mehr über die synthetische Überwachung und ihr Funktionsprinzip .

Das Konzept der synthetischen Überwachung von verschiedenen Punkten des globalen Netzes aus (Quelle: Catchpoint)

{{banner-19="/design/banners"}}

Echte Benutzerüberwachung

Real User Monitoring (RUM) ist ein Leistungsüberwachungsprozess, der echte Benutzerinteraktionen mit einer Website oder Webanwendung verfolgt. Sie betten eine Reihe von JavaScript-Tags in Ihre Website ein. Wenn ein Benutzer die Website besucht, sammeln diese Skripte Daten zu verschiedenen Leistungsmetriken vom Browser des Benutzers. Die gesammelten realen Nutzerdaten werden dann an die RUM-Plattform gesendet, damit Sie die Leistung analysieren und verstehen können, wie Nutzer mit Ihrer Website interagieren.

Es bietet umfassende Informationen über die Endbenutzererfahrung für Leistungsindikatoren wie Seitenladezeiten, Fehler und Anfragedauer. Sie können aktuelle und historische Anwendungsnutzungsmuster analysieren, um Leistungstrends zu verstehen.

Das Konzept des Real User Monitoring (RUM)

Core Web Vitals

Core Web Vitals sind eine Reihe von Google-Metriken, die die Nutzerfreundlichkeit einer Website durch die Bewertung der Ladegeschwindigkeit, Interaktivität und visuellen Stabilität messen. Diese Metriken tragen dazu bei, ein großartiges Nutzererlebnis zu gewährleisten und die Suchleistung zu verbessern.

Zu den wichtigsten Web Vitals-Kennzahlen gehören:

Zentrale Web-Vital-Metriken

Um sicherzustellen, dass Sie die empfohlenen Ziele für diese Metriken für die meisten Ihrer Nutzer erreichen, sollten Sie das 75. Perzentil der Seitenladevorgänge, unterteilt nach mobilen und Desktop-Geräten, messen.

Die folgende Tabelle zeigt, wie Google die Wertebereiche für diese Metriken qualifiziert.

Gut Verbesserung erforderlich Schlecht
LCP <=2.5s <=4s >4s
INP <=200ms <=500ms >500ms
CLS <=0.1 <=0.25 >0.25

Akzeptable Wertebereiche für das Kernnetz (Quelle)

Überwachung der Internetleistung‍

Internet Performance Monitoring (IPM) bietet einen detaillierten visuellen Einblick in die Internet-Abhängigkeiten, die die Anwendungsleistung beeinflussen. Diese Abhängigkeiten, die auch als Internet Stack bezeichnet werden, umfassen zentrale Internetsysteme, Protokolle, Abhängigkeiten von Drittanbietern und Webservices, die die digitale Benutzererfahrung erleichtern.

Abhängigkeiten von Drittanbietern, die die Leistung Ihrer Website beeinträchtigen

Das obige Diagramm zeigt Komponenten, die entlang des Transaktionspfads zwischen dem Endbenutzer und der Schnittstelle Ihrer Anwendung vorhanden sein können. Effektive IPM-Lösungen wie Catchpoint bieten Echtzeit-Einblicke in externe Dienste, die die Leistung Ihrer Anwendung beeinträchtigen, so dass Sie Probleme proaktiv erkennen und beheben können, bevor sie sich auf Ihre Endbenutzer auswirken. CatchpointDie KI-gestützte IPM-Lösung von bietet eine einheitliche Sicht auf die Web-Performance und kombiniert die Überwachung von Domain Name Service (DNS), Content Delivery Network (CDN), BGP (das Protokoll, das den Datentransfer zwischen Internet Service Providern regelt), SLO-Monitoring, Real User Monitoring (RUM) und synthetisches Monitoring mit Hilfe des weltweit größten Global Observability Network.

                         Mit IPM überwachter Internet-Stack

Erste Schritte bei der Überwachung der Webleistung

Der erste Schritt zur Bewertung der Website-Performance ist die Verwendung der kostenlosen Version von https://webpagetest.org/, um verschiedene Aspekte der Ladezeit und der Benutzerfreundlichkeit Ihrer Website in wenigen Minuten zu bewerten. Folgen Sie den nachstehenden Anweisungen, um loszulegen:

  1. Navigieren Sie zu https://webpagetest.org/
  2. Wählen Sie aus den Optionen den Testtyp aus, den Sie erstellen möchten (die Standardoption ist 'Site Performance')
  3. Geben Sie die URL der Webseite ein, die Sie testen möchten (für den folgenden Beispielbericht haben wir diese URL verwendet)
  4. Wählen Sie die gewünschte Testkonfiguration (entweder Mobil oder Gerät)
  5. Starten Sie den Test und warten Sie ein paar Sekunden auf die endgültigen Ergebnisse

Der endgültige Bericht ist in verschiedene Abschnitte unterteilt, so dass Sie die wichtigsten Metriken leicht erkennen können. Die Abbildung unten zeigt den Abschnitt "Seitenleistungsmetriken" des Berichts.

WebPageTest-Bericht für eine Beispielseite

Mit der Pro-Version von WebPageTest können Sie nicht nur Analysen durchführen, sondern die Website tatsächlich verbessern. Sie können verschiedene No-Code-Experimente direkt im Tool durchführen, um die Auswirkungen von Änderungen auf die Website-Performance zu testen. Sie können zum Beispiel ein Bild in Ihrem Experiment vorladen und die Auswirkungen auf die LCP-Metriken überprüfen. Sie können die Änderungen in Ihrem Experiment vornehmen, ohne Ihre eigentliche Website zu verändern.

Bitte beachten Sie, dass WebPageTest jetzt ein integrierter Bestandteil der Internet Performance Monitoring Plattform vonCatchpoint ist. Ziehen Sie ein Upgrade in Betracht, um ein vollständiges Bild von der Leistung Ihrer Website zu erhalten. Es umfasst synthetische Überwachung und RUM, zusammen mit Internet-Performance-Daten, um Ihnen einen vollständigen Überblick darüber zu geben, wie Ihre Website weltweit funktioniert. Sie können schnell feststellen, wie Ihre Website von aktuellen Nutzern wahrgenommen wird und ob Faktoren wie DNS (Domain Name System)-Lookup und CDN (Content Delivery Network)-Caching zu Leistungseinbußen führen. Sie können Leistungsprobleme aus jedem Blickwinkel besser verstehen und angehen.

Bewährte Verfahren zur Überwachung der Webleistung

Im Folgenden finden Sie einige empfohlene Best Practices, die Sie bei der Überwachung der Leistung Ihrer Website beachten sollten:

Kontinuierliche Leistungsüberwachung

Die Verfolgung von Metriken wie Core Web Vitals ist nützlich, aber für eine kontinuierliche Leistungsüberwachung in einer Produktionsumgebung nicht ausreichend. Die Überwachung der Web-Performance ist kein einmaliger oder periodischer Vorgang; sie muss kontinuierlich, konsistent und umsetzbar sein, um Ergebnisse zu erzielen. Eine kontinuierlicheÜberwachung der Internet-Performance (IPM) ist besonders wichtig, um Metriken zur Benutzererfahrung in Echtzeit zu verfolgen, einschließlich aller Abhängigkeiten von Internet-Systemen.

Mit IPM-Tools können Sie globale Trends in der Nutzererfahrung analysieren und Echtzeitwarnungen generieren, um Verlangsamungen und Ausfälle zu erkennen. Ziel ist es, Leistungsprobleme schnell zu erkennen und zu beheben, sobald sie auftreten, um sicherzustellen, dass Ihre Website immer optimal funktioniert und sicher ist.

Verfolgung geeigneter Leistungskennzahlen

Bei so vielen Daten auf dem Dashboard des Leistungsberichts kann die Entscheidung, welche Messgrößen verfolgt werden sollen, überwältigend sein. Der erste Ansatzpunkt ist hier, klare Ziele zu haben, die mit messbaren Kennzahlen und KPIs verbunden sind. Auf diese Weise können Sie die für Ihre Ziele wichtigsten Kennzahlen eingrenzen, auf die wertvollsten Informationen zugreifen und unnötiges Rauschen vermeiden.

Im Folgenden finden Sie einige der wichtigsten Kennzahlen, die Sie überwachen sollten, unterteilt in zwei Kategorien:

  • Snapshot-in-Time-Metriken bieten einen schnellen Einblick in die Leistung Ihrer Website zu einem bestimmten Zeitpunkt. Beispiele sind Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS).
  • Laufende Echtzeitmetriken zeigen Trends und Muster im Laufe der Zeit auf und können mit synthetischen und realen Benutzerüberwachungs-Tools (RUM) verfolgt werden. Beispiele sind Seitenladezeit, Fehlerrate, DNS-Auflösungszeit und Netzwerklatenz.

In unserem Leitfaden zu den wichtigsten Leistungsindikatoren für Websites gehen wir ausführlich auf diese Kennzahlen ein.

Alarme und Benachrichtigungen einrichten

Richten Sie Echtzeit-Warnungen und -Benachrichtigungen auf der Grundlage der für die laufende Überwachung verwendeten Metriken ein. So können Teammitglieder umgehend reagieren, ohne das Dashboard rund um die Uhr beobachten zu müssen. Die nachstehende Einrichtung löst beispielsweise nach vier aufeinanderfolgenden fehlgeschlagenen Datenpunkten innerhalb eines bestimmten Zeitraums einen Alarm aus.

Ein Alarm-Setup, das als Reaktion auf fehlgeschlagene Datenpunkte ausgelöst wird(Quelle)

Auf diese Weise wird sichergestellt, dass die Warnmeldung genügend Details für sofortige Maßnahmen enthält. Mehrere aufeinanderfolgende Fehler deuten auf ein dringendes Problem hin, das die Benutzerfreundlichkeit beeinträchtigt, und reduzieren außerdem die Möglichkeit von Fehlalarmen auf ein absolutes Minimum.

Leiten Sie Warnungen je nach Priorität automatisch an die richtigen Teammitglieder weiter, und legen Sie Eskalationsverfahren für ungelöste Warnungen fest, die über eine bestimmte Anzahl von Minuten oder Stunden hinweg bestehen bleiben. Stellen Sie außerdem sicher, dass sie genügend technische Details enthalten, damit der Empfänger das Problem beheben oder eskalieren kann.

Letzte Gedanken

Die Überwachung der Web-Performance ist notwendig, um Teams und Unternehmen dabei zu helfen, ihren Website-Benutzern hochleistungsfähige Erlebnisse zu bieten. Kontinuierliche Überprüfungen mit IPM-Tools sind unerlässlich, um den Transaktionspfad über den Internet-Stack proaktiv zu überwachen.

{{banner-37="/design/banners"}}