Die Progressive Verbesserung ist eine Strategie für die Webentwicklung, mit der dafür gesorgt wird, dass Ihre Website für eine möglichst große Zielgruppe zugänglich ist. Das Grundprinzip besteht darin, dass die grundlegenden Inhalts- und Seitenfunktionen nur auf den grundlegendsten Webtechnologien basieren sollten. Für Browser, die diese Technologien unterstützen, können erweiterte Funktionen wie eine durchdachte Gestaltung mit CSS oder die Interaktion mit JavaScript übereinandergelegt werden. Grundlegende Inhalte und Seitenfunktionen sollten jedoch nicht auf CSS oder JavaScript basieren.
So schlägt die Prüfung von Lighthouse-Fallback-Inhalten fehl
Lighthouse kennzeichnet Seiten, die einige Inhalte nicht enthalten, 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 ohne JavaScript auf Ihrer Seite vorhanden sind
Progressive Enhancement ist ein umfangreiches und umstrittenes Thema. In einem Camp sollten Seiten übereinandergelegt werden, um der Strategie der progressiven Verbesserung gerecht zu werden, sodass für grundlegende Inhalte und die Seitenfunktionen nur HTML erforderlich ist. Ein Beispiel für einen solchen Ansatz finden Sie im Artikel Progressive Enhancement: What It Is, And How To Use It des Smashing Magazine.
Ein anderes Camp ist der Ansicht, dass dieser strikte Ansatz für viele moderne, umfangreiche Webanwendungen nicht umsetzbar oder unnötig ist. Daher empfiehlt es, im Dokument <head> für absolut wichtige Seitenstile Inline-CSS für kritische Pfade zu verwenden.
Unter Berücksichtigung dieser Aspekte 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 Progressive Verbesserung bei der App einhält. Es besteht jedoch allgemein die Meinung, dass auf allen Seiten zumindest einige Informationen angezeigt werden sollten, wenn JavaScript deaktiviert ist. Das gilt auch dann, wenn der Inhalt nur ein Hinweis für den Nutzer ist, 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. Dies ist besser als eine leere Seite, da die Nutzer sich bei einer leeren Seite nicht sicher sind, ob ein Problem mit der Seite, ihrem Browser oder ihrem Computer vorliegt.
Wenn Sie sehen möchten, wie Ihre Website aussieht und funktioniert, wenn JavaScript deaktiviert ist, verwenden Sie die Funktion JavaScript deaktivieren in den Chrome-Entwicklertools.