Während des Sturms Helene wollte ich nur einfache Text-Websites

• Durch Hurrikan Helene verursachte Stromausfälle und instabile Verbindungen machten den Bedarf an leichtgewichtiger Webzugänglichkeit deutlich
• Komplexe bild- und skriptlastige Websites funktionierten in mobilen Umgebungen fast gar nicht
• Einfache textbasierte Seiten waren bei der Informationsvermittlung und Zugänglichkeit am effizientesten
• Schlechte Web-Performance kann in Katastrophensituationen zu Informationslücken führen
• Die Bedeutung eines leichtgewichtigen Webdesigns, das auch in Krisen zugänglich bleibt, wurde hervorgehoben

---

Sturm Helene und mobile Webzugänglichkeit

• Während Stromversorgung und Netzwerk durch den Sturm Helene instabil waren, trat das Problem auf, dass Websites fast gar nicht mehr luden
  • Seiten mit vielen komplexen Elementen wie Bildern, Werbung und JavaScript scheiterten beim Laden
  • Seiten, die nur einfachen HTML-Text boten, blieben vergleichsweise zugänglich
• Diese Erfahrung bestätigte erneut, dass der grundlegende Zweck des Webs die Informationsvermittlung ist
  • Zugänglichkeit von Inhalten sollte Vorrang vor visueller Gestaltung haben

Der Wert eines einfachen Webs

• Textzentrierte Websites funktionieren auch in langsamen Netzwerken schnell
  • Durch das Entfernen unnötiger Ressourcen lassen sich Datenverbrauch und Ladezeiten deutlich senken
• Das ist nicht nur in Krisensituationen nützlich, sondern verbessert auch die mobile User Experience
  • Eine einfache Struktur trägt außerdem zu besserer Wartbarkeit und Zugänglichkeit bei

Web-Performance und gesellschaftliche Verantwortung

• Komplexe Webstrukturen können Informationsungleichheit verschärfen
  • In Regionen mit schwacher Netzinfrastruktur ist der Zugang zu Informationen eingeschränkt
• Entwickler sollten ein Web, das auch mit minimalen Ressourcen funktioniert, mitdenken
  • Eine unverzichtbare Aufgabe im Hinblick auf Krisenreaktion, Zugänglichkeit und Nachhaltigkeit

Fazit

• Die Erfahrung mit dem Sturm Helene zeigt die Notwendigkeit leichtgewichtigen Webdesigns
• Ein einfaches Text-Web bietet eine Lösung, die Krisenfestigkeit und universelle Zugänglichkeit zugleich sicherstellt

[GN⁺]

Hacker-News-Kommentare

• Mehrere Nachrichtenseiten bieten textbasierte Versionen an
  Zum Beispiel gibt es lite.cnn.com, text.npr.org, wttr.in usw.
  Eine längere Liste findet sich in Greycoders Liste
  Es wäre gut, wenn es dafür einen standardisierten Ansatz gäbe, damit man solche Seiten leicht finden kann und auch lokale Nachrichtenseiten sie unterstützen können

  • Die Lite-Version von CNN ist gut, hat aber immer noch ein riesiges Cookie-Banner
    Tatsächlich wird nur gespeichert, ob man das Banner angeklickt hat, aber der Großteil des Seitengewichts scheint auf dieses Banner zu entfallen
  • Als ich einen CNN-Lite-Artikel geöffnet habe, war der eigentliche Artikeltext 11 KB groß, aber es waren 560 KB allein an CSS-Deklarationen enthalten
  • Um solche textbasierten Seiten zu standardisieren, wäre es vermutlich gut, wenn der Reader Mode des Browsers nur ein Minimum an Formatierung von der Website anfordern würde
  • In den Niederlanden liefert der öffentlich-rechtliche Rundfunk Nachrichten noch immer über Teletekst
    Zugehöriger Artikel: Hoe werkt het vernieuwde Teletekst
  • Über die Subdomain lite kann man auch Artikel nur für Abonnenten lesen
    Ich wurde wieder auf diese Seite aufmerksam, als CNN vor ein paar Monaten aggressive A/B-Tests durchgeführt hat

• Das Header-Bild des Artikels war ein 2400x1600-PNG mit 500 KB, und wegen des feinen Ditherings ließ es sich schlecht komprimieren
  Nach der Umwandlung desselben Bildes in .avif (Qualität 90, 12 Bit) schrumpfte es auf 15 KB

  • Allerdings war dieses Bild ein Hero Image ohne inhaltlichen Bezug
    Solche Bilder verlangsamen das Laden der Seite, zwingen zum Scrollen und sind schnell wieder vergessen
  • Tatsächlich überträgt die Website 1,18 MB (komprimiert), um 6,7 KB Text auszuliefern. Ironisch
  • Als SVG könnte es noch kleiner werden, aber dafür müsste man die Gradient-Effekte wohl vereinfachen

• Während Hurrikan Helene hat mein Newspack-Team mit Blue Ridge Public Radio und anderen zusammengearbeitet,
  um eine Textversion von Nachrichtenseiten für Nutzer mit geringer Bandbreite zu bauen
  Über text.bpr.org wurden Zehntausende mit Informationen versorgt,
  und auf Grundlage dieses Erfolgs läuft mit Förderung von OpenNews
  ein Projekt, um eine Plaintext-Weblösung für Eilmeldungen an Redaktionen im ganzen Land auszurollen

  • Ich lese oft Nachrichten, wusste aber nicht, dass CNN eine Lite-Version hat

• Reines HTML und formularbasierte Interaktion sind schon sehr wirkungsvoll
  Frühere Webforen funktionierten meist vollständig ohne JS
  Auch GitHub erlaubte früher das Lesen von Issues und das Schreiben von Kommentaren ohne JS,
  heute wird fast gar nichts mehr angezeigt. Vermutlich wegen erzwungener Tracking-Skripte

• Hier eine Zusammenfassung meiner Erfahrungen während Hurrikan Helene

  • AT&T war komplett ausgefallen, aber Verizon und MVNOs funktionierten
  • Eine zusätzliche eSIM, die in meinem Heim-Internet-Tarif enthalten war, war eine große Hilfe
  • Aber sobald der Katastrophenhilfe-Lkw von Verizon ankam, fiel mein MVNO-Internet aus
  • Die Lehre daraus: Vor einem Sturm sollte man Treibstoff und Batterien vollständig aufladen bzw. auffüllen
    Wegen des Stromausfalls war es schwer, eine Tankstelle zu finden, und wir mussten mit den Nachbarn Treibstoff teilen
  • Ähnliches habe ich vor ein paar Jahren beim Pineapple-Express-Sturm erlebt
    Man sollte sich nicht nur auf Solar verlassen, sondern eine Ersatzstromquelle (Auto, Propangenerator usw.) bereithalten
    Außerdem sollten Websites von Notdiensten auch mit einfachen Formularen und Bildern auf Web-1.0-Niveau funktionieren
    Eine Seite, die 5 Minuten zum Laden von JS braucht, ist in einer Katastrophe nutzlos
  • Je nach Region war die Lage unterschiedlich. In meiner Gegend fielen alle Netze aus,
    und die Radio-Updates von NPR waren die einzige Informationsquelle
    Am Ende haben wir mit den Nachbarn zusammengearbeitet, Straßen freigeräumt und sind nach der Beschaffung von Treibstoff entkommen
  • Bei einem Stromausfall sollte man unbedingt Bargeld dabeihaben
    Wenn das Kartenzahlungsnetz ausfällt, funktionieren POS-Terminals nicht mehr
  • Ich lebe in einer stark bewaldeten Gegend und habe oft Probleme mit meinem ISP,
    und die Xfinity-App ist viel zu schwergewichtig und wirft ständig Fehler aus, wenn die Verbindung instabil ist
    Gerade in solchen Situationen bräuchte man ein leichtgewichtiges Support-Portal, aber die Realität ist das Gegenteil
  • Ich nutze Dual-SIM (AT&T + T-Mobile),
    und wenn es ein Triple-SIM-Telefon gäbe, würde ich auch Verizon hinzufügen
    Mehrere eSIMs kann man registrieren, aber gleichzeitig lässt sich nur eine aktivieren

• In einer ähnlichen Erfahrung war ich bei einem Erdrutsch in Nepal mehrere Tage lang abgeschnitten
  Es gab überhaupt keine Informationen, und Neuigkeiten wurden nur telefonisch weitergegeben
  Sobald die Straße wieder geöffnet war, drängten Fahrzeuge hinein, was zu Staus und Gefahr führte
  Während Corona habe ich eine Textseite betrieben, die lokale Regeln einfach zusammenfasste,
  und sie war weit nützlicher als komplexe Briefings
  Während der Invasion in der Ukraine bauten Geflüchtete mit Telegram, Notion und Google Docs innerhalb von 24 Stunden spontan ein Informationsnetzwerk auf
  Letztlich ist die Vereinfachung der Informationsvermittlung der Schlüssel zur Krisenbewältigung

  • Mein ukrainischer Kollege fragte auf der Flucht Freunde in Echtzeit Dinge wie: „Ist Brücke X noch passierbar?“
    und prüfte so seine Fluchtroute
    Zum Glück bekam er meist präzise Antworten und konnte in sichere Gebiete gelangen
  • Ich frage mich allerdings, warum man in der Ukraine Telegram so sehr vertraut
    Dort werden offenbar auch sensible Informationen geteilt

• Wer schon lange in der Webbranche ist, erinnert sich vielleicht an die massiven Web-Ausfälle am 11. September
  Fast alle Nachrichtenseiten waren down, und nur Slashdot hielt sich gerade noch und lieferte Informationen
  Die Infrastruktur ist heute zwar ganz anders, aber ich frage mich immer noch: „Was wäre, wenn so etwas noch einmal passiert?“

  • Damals antwortete Yahoo News nicht, also habe ich ein traceroute laufen lassen,
    und der letzte Hop führte zu einem Server im Turm in New York
    Es dauerte danach ziemlich lange, bis auf die Westküste umgeleitet wurde

• In einem Artikel, den ich kürzlich gelesen habe, hieß es, dass es inzwischen schwierig ist, einen Browser mit 1 GB RAM zu betreiben
  JS ist schneller geworden, aber dafür ist die Codegröße von Websites unnötig gewachsen
  Schnelle Netze haben die Ineffizienz eher noch gefördert
  Siehe diesen Beitrag

• Es wäre gut, fast auf dem Stand von 1994 mit reinem HTML anzufangen
  <html> und <body> reichen schon aus, und bei Bedarf kann man etwas CSS ergänzen
  Wenn man externes CSS wie Pico.css verwendet, sollte man es selbst hosten statt über ein CDN

  • Genau solches HTML sollte eigentlich die erste Seite jedes Webentwicklers sein
    Komplexe Werkzeuge wie npx create-react-app sind ein späteres Problem
  • Als Referenz kann man sich die Standardvorlage von HTML5 Boilerplate ansehen
  • Ich betreibe ebenfalls eine textorientierte Website und prüfe immer, ob sie auch ohne CSS funktioniert
    Das CSS halte ich bei etwa 20 KB, gzip-komprimiert
  • <meta charset="utf-8"> sollte man weiterhin einfügen

• Der GDS-Webstandard der britischen Regierung besteht aus einfachem HTML,
  und es gibt sogar die Anekdote, dass er auf einer PSP funktionierte
  Siehe den Blogbeitrag von Terence Eden