Wissen / Arbeiten ohne Verbindung

Webanwendung offline nutzen: Was eine PWA wirklich leisten soll

Kurz gesagt: Eine Webanwendung wird durch die Bezeichnung PWA nicht automatisch vollständig offline nutzbar. Bestimmen Sie, welche Informationen ohne Verbindung lesbar sein müssen und welche Eingaben lokal entstehen dürfen. Planen Sie danach Speicherung, Synchronisation und Konflikte. Nutzer müssen erkennen, ob etwas nur auf dem Gerät gespeichert oder bereits vom Server bestätigt wurde.

Veröffentlicht am / Aktualisiert am / Redaktion: Ruhrstack / 9 Minuten Lesezeit

01 / OFFLINE-AUFGABE

Welche Arbeit muss ohne Verbindung weitergehen können?

Der benötigte Umfang entscheidet über die Lösung.

Ein Serviceteam möchte in einem Gebäude ohne verlässlichen Empfang eine vorbereitete Prüfliste öffnen. Vielleicht reicht dafür das Lesen bereits geladener Angaben. Vielleicht sollen zusätzlich Messwerte und Notizen entstehen. Eine verbindliche Materialreservierung gegen einen aktuellen zentralen Bestand ist dagegen eine andere Aufgabe. Diese Fälle verlangen unterschiedliche Regeln und dürfen nicht unter „funktioniert offline“ zusammengefasst werden.

PWA steht für Progressive Web App. Der Begriff beschreibt einen Ansatz für Webanwendungen mit zusätzlichen Fähigkeiten. Welche davon tatsächlich vorhanden sind und auf den vorgesehenen Geräten funktionieren, muss konkret geprüft werden. Ein Symbol auf dem Startbildschirm sagt nichts darüber aus, ob der benötigte Arbeitsvorgang ohne Verbindung vollständig gelingt.

Die MDN-Einführung zu Offline- und Hintergrundfunktionen erklärt Service Worker und lokal verfügbare Ressourcen als technische Grundlagen. Daraus folgt die Möglichkeit eines gezielt vorbereiteten Offlineumfangs. Eine beliebige noch nie geladene Information ist dadurch nicht automatisch auf dem Gerät vorhanden.

Beschreiben Sie zunächst einen einzigen Arbeitsschritt und seine Grenzen. Muss das Gerät vorher online vorbereitet werden? Welche Aufträge und Unterlagen werden mitgenommen? Darf die Arbeit ohne vorbereitete Daten beginnen? Eine klare Antwort hilft bei der Entscheidung, ob eine kleine Ergänzung genügt oder die Anwendung grundlegend um einen lokalen Arbeitsmodus erweitert werden muss.

02 / LESEN UND AKTUALITÄT

Lokal verfügbare Informationen können veraltet sein.

Die Auswahl zwischengespeicherter Daten braucht einen fachlichen Zweck.

Eine Bedienoberfläche lässt sich möglicherweise aus einem lokalen Zwischenspeicher öffnen. Die angezeigten Auftragsdaten können dabei trotzdem fehlen oder einen älteren Stand zeigen. Trennen Sie deshalb die verfügbare Oberfläche vom verfügbaren Inhalt. „App geöffnet“ ist kein ausreichender Nachweis für den Offlinefall.

MDN erläutert im Leitfaden zum Caching von PWAs den Zielkonflikt zwischen schneller lokaler Verfügbarkeit und Aktualität. Unterschiedliche Ressourcen können unterschiedliche Strategien benötigen. Eine gespeicherte Anleitung und der gerade verfügbare Lagerbestand sollten deshalb nicht ohne weitere Prüfung gleich behandelt werden.

Schreiben Sie für jede Datenart auf, wie alt sie im Offlinebetrieb sein darf und woran der Nutzer den Stand erkennt. Ein sichtbarer Hinweis „Vorbereitet am …“ kann die Bedeutung erklären. Für eine sicherheitsrelevante Entscheidung kann ein älterer Stand ungeeignet sein. Welche Handlung dann unterbunden oder nur als Entwurf zugelassen wird, ist eine fachliche Anforderung.

Auch die Auswahl des mitgenommenen Bestands ist wichtig. Alle verfügbaren Kundendaten auf jedes Gerät zu kopieren ist keine notwendige Voraussetzung für Offlinearbeit. Häufig genügt ein ausdrücklich vorbereiteter Ausschnitt. Für vertrauliche Informationen müssen Gerätezugang, lokale Ablage und spätere Entfernung gesondert geplant werden. Eine PWA liefert dafür keine pauschale Schutz- oder Datenschutzgarantie.

03 / LOKALE EINGABEN

Lokal gespeichert ist noch nicht zentral übernommen.

Die Oberfläche muss den Weg einer Eingabe sichtbar erklären.

Eine Mitarbeiterin trägt einen Messwert ein und sieht eine Erfolgsmeldung. Bedeutet sie, dass der Browser den Entwurf gespeichert hat, dass die Übertragung begonnen hat oder dass die zentrale Anwendung den Wert angenommen hat? Ohne erkennbare Zustände können Menschen den Auftrag zu früh als erledigt betrachten oder denselben Wert mehrfach erfassen.

IndexedDB wird von MDN als Möglichkeit beschrieben, strukturierte Daten im Browser abzulegen. Diese technische Speicherung ist eine Grundlage für lokale Entwürfe. Die fachliche Regel, wie daraus ein bestätigter zentraler Vorgang wird, muss die Anwendung zusätzlich umsetzen.

Planen Sie Zustände wie lokal gespeichert, Übertragung ausstehend, bestätigt und Klärung erforderlich. Die Begriffe richten sich nach dem tatsächlichen Ablauf und müssen für die Zielgruppe verständlich sein. Ein Warnsymbol ohne Erklärung reicht nicht. Ebenso sollte die App nicht dieselbe allgemeine Bestätigung für eine lokale Ablage und eine serverseitige Annahme verwenden.

Legen Sie fest, welche Eingaben offline zulässig sind. Eine Notiz kann zunächst ein Entwurf bleiben. Eine Freigabe mit Folgen für andere Teams kann einen aktuellen Serverstand und eine gültige Berechtigung verlangen. Solche Grenzen machen die Anwendung nicht weniger nützlich. Sie verhindern, dass ein lokaler Arbeitsschritt eine Verbindlichkeit behauptet, die er ohne zentrale Prüfung noch nicht erzeugen kann.

04 / SYNCHRONISATION UND KONFLIKTE

Wieder online heißt noch nicht widerspruchsfrei abgeglichen.

Geänderte Daten und unklare Antworten brauchen nachvollziehbare Regeln.

Während ein Gerät offline arbeitet, kann die Disposition denselben Auftrag ändern. Nach der Rückkehr sind dann zwei unterschiedliche Stände vorhanden. Eine Regel „Der letzte Schreibvorgang gewinnt“ kann eine wichtige Änderung unsichtbar überschreiben. Ob sie fachlich vertretbar ist, muss für die betroffenen Informationen ausdrücklich entschieden werden.

Unterscheiden Sie unabhängige Ergänzungen von konkurrierenden Änderungen. Zwei neue Notizen können möglicherweise nebeneinander bestehen. Zwei verschiedene Aussagen zum selben Messwert oder Abschlussstatus brauchen eher eine Klärung. Entscheiden Sie, wer den Konflikt löst und welche ursprünglichen Angaben dafür sichtbar bleiben müssen. Eine technische Versionsnummer allein erklärt einem Nutzer die fachliche Wahl noch nicht.

Auch eine unterbrochene Antwort ist relevant. Der Server kann die Änderung bereits angenommen haben, obwohl das Gerät die Bestätigung nicht erhalten hat. Beim nächsten Versuch darf die Anwendung nicht unkontrolliert einen zweiten Vorgang anlegen. Zuordnung und Wiederholung müssen deshalb für den gesamten Arbeitsvorgang geplant werden. Allgemeine Übertragungsregeln behandelt API-Schnittstellen planen.

Zeigen Sie den Fortschritt des Abgleichs so, dass ein Mensch offene Arbeit erkennt. Ein Gerät mit fünf lokalen Entwürfen darf nach einem einzigen bestätigten Vorgang nicht pauschal „alles synchronisiert“ melden. Fehlgeschlagene Fälle bleiben bearbeitbar, während erfolgreich übernommene Fälle ihren bestätigten Zustand erhalten. So lässt sich ein Teilfehler gezielt lösen.

05 / GERÄTE UND BETRIEB

Browserdaten sind kein Ersatz für eine bestätigte zentrale Ablage.

Speichergrenzen, Abmeldung und Updates gehören zum Offlineumfang.

Lokal abgelegte Daten hängen an Gerät, Browser und dessen Speicherverwaltung. Wenn ein Nutzer Browserdaten löscht, können noch nicht übertragene Entwürfe verloren gehen. Ein Geräteverlust ist ebenfalls ein anderer Fall als eine bloß unterbrochene Netzverbindung. Benennen Sie diese Grenze vor der Nutzung und planen Sie den Ablauf entsprechend.

Die MDN-Dokumentation zu Speichergrenzen erläutert unterschiedliche Quoten und die mögliche Entfernung von Browserdaten. Dauerhafter Speicher kann unter bestimmten Voraussetzungen angefragt werden, beseitigt aber nicht die bewusste Löschung durch den Nutzer. Ein unbegrenztes Aufbewahrungsversprechen wäre daher nicht begründet.

Für den Hintergrundabgleich beschreibt MDN die Background Synchronization API mit begrenzter Browserverfügbarkeit. Planen Sie eine sichtbare Möglichkeit, offene Übertragungen in der geöffneten Anwendung anzustoßen oder ihren Stand zu prüfen. Die Funktion darf nicht ausschließlich auf einer im Zielbrowser fehlenden Hintergrundmöglichkeit beruhen.

Klären Sie schließlich Abmeldung und Versionswechsel. Was geschieht mit offenen lokalen Entwürfen, wenn die Sitzung abläuft? Wie werden vertrauliche Daten auf einem gemeinsam genutzten Gerät entfernt? Kann eine neue Appversion alte lokale Entwürfe noch lesen? Diese Fragen müssen vor einem Update geprüft werden. Zugangskontrolle und lokale Verfügbarkeit brauchen einen zusammenpassenden, dokumentierten Ablauf.

06 / ZUSTANDSMATRIX

Ein fiktives Wartungsteam erfasst vorbereitete Prüfnotizen.

Die eigene Arbeitshilfe grenzt den Offlineumfang bewusst ein.

Das fiktive Team lädt vor dem Einsatz die benötigten Aufträge. Ohne Verbindung darf es Notizen erfassen, aber keinen zentral verbindlichen Abschluss auslösen. Nach dem Abgleich prüft die Anwendung den aktuellen Vorgang. Das Beispiel beschreibt keine tatsächlich vorhandene Ruhrstack-PWA und keine allgemeine Empfehlung für alle Wartungsprozesse.

Eigene Vorlage für einen begrenzten Offlineablauf
SituationZulässige HandlungErkennbarer Zustand
Auftrag nicht vorbereitetOnline laden oder vorgesehenen Ersatzweg nutzenKeine scheinbar vollständige leere Ansicht
Vorbereiteter Auftrag offlineGeladenen Stand lesen und Notiz erfassenDatenstand und lokale Ablage sichtbar
Verbindung kommt zurückOffene Notizen kontrolliert übertragenAusstehend bleibt von bestätigt getrennt
Serverstand inzwischen geändertAbweichung prüfen lassenKonflikt wird nicht still überschrieben
Antwort während Übertragung verlorenBestehende Zuordnung abgleichenKein unbeabsichtigter zweiter Vorgang
Sitzung abgelaufenVorgesehenen erneuten Zugang nutzenLokaler Entwurf und fehlende Annahme klar benannt

Prüfen Sie den Ablauf mit Flugmodus oder einem kontrolliert getrennten Testnetz, nicht nur mit langsamem WLAN. Starten Sie die App erneut, ändern Sie den zentralen Vorgang von einem zweiten Testgerät und lassen Sie eine Bestätigung ausbleiben. So wird sichtbar, ob die Zustandsregeln tatsächlich tragen.

Die Abnahme findet auf den vorgesehenen Geräten und Browsern statt. Ergänzen Sie mindestens einen Fall mit lokalem Speichermangel oder verweigerter Ablage. Welche Grenzen danach akzeptabel sind und welcher Ersatzweg benötigt wird, gehört in die vereinbarte Beschreibung der Funktion.

07 / PASSENDE PLANUNG

Ruhrstack kann den Offlinebedarf aus Ihrem Arbeitsablauf ableiten.

Eine begrenzte Funktion ist oft genauer prüfbar als eine pauschale Offlinezusage.

Offlinearbeit ist sinnvoll, wenn fehlende Verbindung einen wichtigen Arbeitsgang regelmäßig behindert und der benötigte lokale Umfang verantwortbar ist. Für eine seltene Nutzung kann ein anderer vorbereiteter Weg genügen. Eine PWA wird nicht allein dadurch zur passenden Lösung, dass eine Installation möglich ist oder eine Oberfläche an eine App erinnert.

Ruhrstack klärt bei der individuellen Entwicklung Eingaben, Ergebnisse, Systeme und Sonderfälle. Für einen Offlineauftrag gehören dazu die lokale Nutzeraufgabe, erlaubte Daten, bestätigte Zustände und der spätere Abgleich. Vorhandene technische Grundlagen können eingesetzt werden; Umfang und Geräteunterstützung werden konkret vereinbart.

Der Nutzen der persönlichen Abstimmung liegt besonders bei Konflikten und Ausnahmen. Ihr Team weiß, welche Information vor Ort benötigt wird und welche Entscheidung erst zentral fallen darf. Die technische Planung übersetzt diese Unterschiede in sichtbare Zustände und überprüfbare Abläufe. Allgemeine Abnahmekriterien für Softwarefunktionen helfen, diese Erwartungen schriftlich festzuhalten.

Für den Einstieg genügen die Tätigkeit ohne Empfang, die verwendeten Geräte und ein typischer Fall mit späterer Änderung. Teilen Sie keine produktiven Kundendaten für eine erste Einordnung. Aus dem konkreten Ablauf lässt sich abschätzen, ob Lesen, lokale Entwürfe oder eine weitergehende Synchronisation gebraucht werden.

08 / QUELLEN

Quellen und redaktioneller Stand.

Die Quellen wurden am 22. Oktober 2026 geprüft. Die Quellen wurden am 22. Oktober 2026 geprüft. Wartungsteam, Zustandsbegriffe und Matrix sind eigene fiktive Arbeitshilfen. Browserfunktionen werden als Möglichkeiten erläutert; ihre Unterstützung muss für die konkreten Zielgeräte geprüft werden. Die Ruhrstack-Website selbst wird damit nicht als offlinefähige Anwendung beschrieben.

  1. MDN: Offline and background operation: Service Worker und vorbereitete Offline- beziehungsweise Hintergrundfunktionen. Abgerufen am 22. Oktober 2026.
  2. MDN: Caching: Abwägung lokaler Verfügbarkeit und Aktualität unterschiedlicher Ressourcen. Abgerufen am 22. Oktober 2026.
  3. MDN: IndexedDB API: Strukturierte lokale Ablage im Browser als technische Grundlage. Abgerufen am 22. Oktober 2026.
  4. MDN: Storage quotas and eviction criteria: Speichergrenzen, Best-effort-Ablage und Entfernung von Browserdaten. Abgerufen am 22. Oktober 2026.
  5. MDN: Background Synchronization API: Möglichkeiten, sichere Kontexte und begrenzte Browserverfügbarkeit des Hintergrundabgleichs. Abgerufen am 22. Oktober 2026.

Redaktioneller Hinweis: Dieser Beitrag dient der allgemeinen Information und ersetzt keine Einzelfallprüfung. Trotz sorgfältiger Recherche wird keine Gewähr für Vollständigkeit und fortdauernde Aktualität übernommen. Eine Haftung nach zwingenden gesetzlichen Vorschriften bleibt unberührt. Redaktionelle Einordnung.

Welcher Arbeitsschritt muss ohne Empfang gelingen?

Beschreiben Sie die Aufgabe vor Ort und die vorgesehenen Geräte. Wir besprechen einen klar begrenzten Offlineumfang samt späterem Abgleich.

Offline-Funktion besprechen