Progressive Web App (PWA)

Machen Sie Ihre Website als App auf Smartphone und Desktop installierbar.

Was ist eine PWA?

Eine Progressive Web App (PWA) ermöglicht es, Ihre Website als App auf Smartphones, Tablets und Desktops zu installieren. Besucher können Ihre Seite über ein Symbol auf ihrem Startbildschirm öffnen — ganz ohne App Store oder Play Store. Dank intelligentem Caching lädt die Seite bei wiederholten Besuchen schneller.

PWA aktivieren

Gehen Sie zu Einstellungen → Allgemein → scrollen Sie zu 'Progressive Web App'. Schalten Sie den Schalter ein und füllen Sie die Pflichtfelder aus: • App-Name — der Name, den Besucher nach der Installation sehen • Kurzname — wird unter dem Symbol auf dem Startbildschirm angezeigt (max. 12 Zeichen) • App-Symbol — laden Sie ein quadratisches Symbol mit 512×512 Pixeln hoch. Eine kleinere Version (192×192) wird automatisch erstellt. • Themenfarbe — bestimmt die Farbe der Browserleiste und des Splash Screens • Hintergrundfarbe — Farbe des Ladebildschirms beim Öffnen • Anzeigemodus — 'Standalone' (empfohlen) bietet ein App-ähnliches Erlebnis ohne Browserleiste

Tipps

Verwenden Sie ein klares, wiedererkennbares Symbol mit ausreichend Kontrast.
Der Kurzname darf maximal 12 Zeichen lang sein — wählen Sie das prägnanteste Wort.

Wie sehen Besucher die Installations-Aufforderung?

Nachdem PWA aktiviert wurde, sehen Besucher nach 30 Sekunden eine Meldung am unteren Bildschirmrand mit der Aufforderung, die Seite als App zu installieren. • Chrome, Edge, Samsung Browser — der Browser zeigt ein natives Installationsfenster • Safari (iPhone/iPad) — Besucher erhalten eine Anleitung: 'Tippen Sie auf das Teilen-Symbol und wählen Sie Zum Startbildschirm' • Firefox — die Installationsoption erscheint in der Adressleiste Wenn ein Besucher 'Nicht jetzt' wählt, erscheint die Meldung erst nach 7 Tagen erneut. Besucher, die die App bereits installiert haben, sehen die Meldung nie.

Tipps

Die Installations-Aufforderung erfolgt vollautomatisch — Sie müssen nichts tun.
Die Meldung passt sich an die Browsersprache des Besuchers an.

Offline-Caching

Die PWA speichert automatisch die Seitenstruktur und Bilder im Browser. Beim nächsten Besuch lädt die Seite schneller. Fällt die Internetverbindung kurz aus, bleibt die zuletzt besuchte Seite verfügbar. Der Inhalt Ihrer Seiten wird immer aktuell vom Server geladen — Besucher sehen stets die neueste Version Ihrer Inhalte.

Hinweis

Offline-Caching funktioniert nur für zuvor besuchte Seiten. Neue Seiten erfordern eine Internetverbindung.

PWA deaktivieren

Schalten Sie den Schalter aus unter Einstellungen → Allgemein → Progressive Web App. Die Installations-Aufforderung verschwindet sofort. Besucher, die die App bereits installiert haben, können sie weiterhin nutzen, aber die App wird nach einiger Zeit automatisch auf die normale Website zurückfallen.

Häufig gestellte Fragen

Kostet eine PWA extra? Nein, die PWA-Funktion ist kostenlos und erfordert kein separates Hosting oder App-Store-Konto. Kann meine Website durch PWA abstürzen? Nein. Falls bei den PWA-Einstellungen etwas schiefgeht, funktioniert Ihre Website ganz normal. PWA ist eine zusätzliche Schicht über Ihrer bestehenden Seite. Funktioniert PWA auf allen Geräten? Ja, auf allen modernen Browsern. Die Installationserfahrung unterscheidet sich je nach Browser, aber die Website selbst funktioniert überall. Muss ich nach dem Ein- oder Ausschalten erneut deployen? Nein, die Änderung wird sofort nach dem Speichern der Einstellungen wirksam.