Stellt keinen Fallback-Content bereit, wenn JavaScript nicht verfügbar ist

Die Progressive Verbesserung ist eine Strategie für die Webentwicklung, die dafür sorgt, dass deine Website für eine möglichst große Zielgruppe zugänglich ist. Das Grundprinzip besteht darin, dass grundlegende Inhalts- und Seitenfunktionen nur auf den grundlegendsten Webtechnologien basieren sollten. Für Browser, die diese Technologien unterstützen, können erweiterte Funktionen wie komplexe Stile mit CSS oder Interaktivität mit JavaScript übereinandergelegt werden. Die grundlegende Funktionalität von Inhalten und Seiten sollte jedoch nicht auf CSS oder JavaScript basieren.

So schlägt die Prüfung von Lighthouse-Fallback-Inhalten fehl

Lighthouse kennzeichnet Seiten, die keine Inhalte enthalten, wenn JavaScript nicht verfügbar ist:

In der Lighthouse-Prüfung wird angezeigt, dass die Seite bestimmte Inhalte nicht enthält, wenn JavaScript nicht verfügbar ist

Lighthouse deaktiviert JavaScript auf der Seite und prüft dann den HTML-Code der Seite. Wenn der HTML-Code leer ist, schlägt die Prüfung fehl.

Sicherstellen, dass Inhalte auf einer Seite ohne JavaScript vorhanden sind

Progressive Enhancement ist ein umfangreiches und kontroverses Thema. Ein Camp sagt, dass Seiten übereinandergelegt werden sollten, um der Strategie der Progressive Enhancement zu entsprechen, sodass für grundlegende Inhalte und Seitenfunktionen nur HTML erforderlich ist. Ein Beispiel für diesen Ansatz ist im Artikel Progressive Enhancement: What It Is, And How To Use It des Smashing Magazine zu finden.

Ein anderes Camp ist der Meinung, dass dieser strenge Ansatz für viele moderne, umfangreiche Webanwendungen nicht umsetzbar oder überflüssig ist. Daher wird empfohlen, für absolut kritische Seitenstile im Dokument <head> CSS mit Inline-kritischen Pfaden zu verwenden.

Anhand dieser Überlegungen wird bei dieser Lighthouse-Prüfung eine einfache Prüfung durchgeführt, um sicherzustellen, dass Ihre Seite nicht leer ist, wenn JavaScript deaktiviert ist. Es ist umstritten, wie streng die Anwendung Progressive Enhancement einhält. Es besteht jedoch die allgemeine Einigung, dass auf allen Seiten mindestens einige Informationen angezeigt werden sollten, wenn JavaScript deaktiviert ist. Dies gilt auch dann, wenn der Inhalt den Nutzer nur darauf aufmerksam macht, dass JavaScript zur Verwendung der Seite erforderlich ist.

Bei Seiten, die unbedingt auf JavaScript basieren müssen, kann ein <noscript>-Element verwendet werden, um den Nutzer darauf hinzuweisen, dass JavaScript für die Seite erforderlich ist. Das ist besser als eine leere Seite, da Nutzer sich damit nicht sicher sind, ob ein Problem mit der Seite, ihren Browsern oder ihren Computern vorliegt.

Mit der Funktion JavaScript deaktivieren in den Chrome-Entwicklertools können Sie sehen, wie Ihre Website aussieht und funktioniert, wenn JavaScript deaktiviert ist.

Ressourcen