Was ist Netzwerkzuverlässigkeit und wie wird sie gemessen?

Das moderne Web wird von einer Vielzahl von Menschen genutzt, die eine Vielzahl verschiedener Geräte und Arten von Netzwerkverbindungen nutzen. Ihre Kreationen können Nutzer auf der ganzen Welt erreichen, aber es kann eine Herausforderung sein, allen Nutzern eine zuverlässige Erfahrung im Web zu bieten. Es ist nicht immer einfach, zu verstehen, was Zuverlässigkeit bedeutet.

Eine Möglichkeit, über die Zuverlässigkeit nachzudenken, besteht darin, ob Ihre Webanwendung auch ohne Netzwerkverbindung funktioniert. Diese Zuverlässigkeit ist für Nutzer bei plattformspezifischen Apps, die aus einem App-Shop auf einem Mobilgerät installiert wurden, selbstverständlich. Wenn Sie ein Symbol für eine dieser Apps sehen, erwarten Sie, dass Sie darauf tippen können, um verschiedene Funktionen zu öffnen, unabhängig davon, ob Sie gerade mit dem Internet verbunden sind.

Bis vor Kurzem war es eine Herausforderung, Webanwendungen zu erstellen, die auch ohne Netzwerkverbindung zuverlässig sind.

Zuverlässig und schnell

Ein weiterer Aspekt der Zuverlässigkeit besteht darin, ob sich Ihre Nutzer darauf verlassen können, dass Ihre Webanwendung bei einer möglicherweise ungünstigen Netzwerkverbindung schnell genug geladen wird. Haben wiederkehrende Nutzer über eine Mobilfunkverbindung die gleiche Interaktion mit Ihrer Webanwendung wie über WLAN? Und was ist mit Nutzern mit einer hohen Latenz, der sogenannten Lie-Fi-Verbindung. Wird Ihre Webanwendung auch in diesen Szenarien zuverlässig und schnell sein?

Es reicht nicht aus, unter den besten Umständen schnell zu sein. Ihre Nutzer betrachten die Leistung Ihrer Web-App unter Berücksichtigung aller Netzwerkbedingungen.

Zuverlässig ist möglich

Die moderne Webplattform bietet Technologien wie Service Worker und die Cache Storage API, die als Bausteine für die Erstellung zuverlässiger Webanwendungen dienen können. Sie ermöglichen es Ihnen, Code zu schreiben, der sich zwischen Ihrer Webanwendung und dem Netzwerk befindet. In vielen Fällen können Sie das Netzwerk vollständig umgehen und stattdessen zuvor im Cache gespeicherte Inhalte verwenden, um die Anfragen Ihrer Webanwendung zu erfüllen.

Deine Orientierungshilfe: Reagiert mit 200 OK, wenn du offline bist

Sobald Sie mit dem Erstellen eines Service Workers und der Bereitstellung von Inhalten aus Caches begonnen haben, lässt sich schwer feststellen, ob Sie dabei effektiv arbeiten. Woher wissen Sie, dass der von Ihnen implementierte Service Worker Ihrer Webanwendung wirklich hilft, das Netzwerk zu vermeiden? Wie verhindern Sie, dass eine kleine Änderung an Ihrer Caching-Strategie Ihr sorgfältig entwickeltes Offline-Erlebnis beeinträchtigt?

Lighthouse bietet einen spezifischen Test, der beim Erstellen einer zuverlässigen Webanwendung von besonderem Interesse ist: Antwort mit 200 OK, wenn Sie offline sind:

Der progressive Web-App-Bericht von Lighthouse zeigt an, dass die Offline-Prüfung mit 200 bestanden hat.

Was wird hier tatsächlich getestet? Im Wesentlichen wird der Verlust der Netzwerkverbindung innerhalb Ihres Browsers simuliert, gefolgt von einem Versuch, eine der zu prüfenden URLs auf Ihrer Website zu laden. Dabei wird mithilfe einer kontrollierten, wiederholbaren Abfolge von Aktionen getestet, ob die Website auch offline zuverlässig ist.

Es ist eine Reise

Wenn Sie gerade erst anfangen, ist es sehr wahrscheinlich, dass Sie ein negatives Ergebnis für die Option „Bei Offline-Überprüfung mit 200 antwortet“ erhalten. Kein Problem! Sofern Sie kein benutzerdefiniertes Startprojekt verwenden, bieten Webanwendungen standardmäßig diese Art von Zuverlässigkeit nicht. In den nächsten Leitfäden erfahren Sie, mit welchen Methoden Sie ermitteln können, was Ihre Webanwendung lädt. Außerdem erfahren Sie, wie Sie mit Lighthouse einen zuverlässigen Ladevorgang sicherstellen können.

Wir empfehlen Ihnen, die Lighthouse-Prüfungen während dieses Vorgangs wiederholt auszuführen. Sie dienen als Orientierungshilfe auf Ihrem Weg, angefangen mit einer neuen Webanwendung bis hin zu einer zuverlässigen progressiven Webanwendung.