# Progressive Web App (PWA)

> Eine Progressive Web App (PWA) ist eine Website, die sich dank moderner Web-Technik wie eine installierbare App verhält – mit Offline-Modus und eigenem Icon.

**Quelle:** https://www.webtree.ch/lexikon/progressive-web-app

---

Eine **Progressive Web App (PWA)** ist eine Website, die mit modernen Web-Technologien gebaut ist und sich dadurch wie eine native App anfühlt. Du rufst sie ganz normal im Browser auf, kannst sie aber auf Wunsch auf dem Startbildschirm von Smartphone oder Desktop **installieren** – ohne Umweg über App Store oder Google Play. Einmal installiert läuft sie im eigenen Fenster, funktioniert teilweise **offline** und kann Push-Benachrichtigungen senden. Technisch basiert eine PWA auf drei Bausteinen: dem **Service Worker** (ein Hintergrund-Skript, das Inhalte zwischenspeichert), dem **Web App Manifest** (eine Datei mit Name, Icon und Startverhalten) und einer Auslieferung über **HTTPS**, die zwingend ist.

## Warum eine PWA wichtig ist

Eine PWA verbindet die Reichweite des Webs mit dem App-Gefühl. Du musst keine getrennten Apps für iOS und Android entwickeln und pflegen, sondern hast **eine Codebasis**, die überall läuft. Das spart Kosten und Zeit. Gleichzeitig profitieren Nutzer von schnellen Ladezeiten, weil der Service Worker bereits besuchte Inhalte lokal vorhält. Da eine PWA eine echte Website bleibt, ist sie regulär über Google auffindbar und indexierbar – im Gegensatz zu einer nativen App, die in der Suche nicht erscheint. Schnelle, zuverlässige Seiten verbessern zudem die **Core Web Vitals** und damit indirekt das Ranking.

## Wie es in der Praxis funktioniert

Damit aus einer Website eine PWA wird, kommen mehrere Elemente zusammen:

- **Service Worker:** speichert Dateien im Cache, ermöglicht Offline-Nutzung und schnelle Wiederbesuche.
- **Web App Manifest:** definiert App-Name, Icon, Farben und ob die App im Vollbild startet.
- **HTTPS:** Pflicht – ohne gültiges Zertifikat läuft kein Service Worker.
- **Responsives Layout:** die Basis, damit die App auf jedem Gerät sauber funktioniert.
- **Installierbarkeit:** der Browser bietet ein "Zum Startbildschirm hinzufügen" an.

Wichtig 2026: Auf Android sind PWAs voll integriert, auf iOS funktionieren sie ebenfalls, einzelne Funktionen wie Push-Nachrichten sind dort aber eingeschränkter. Eine PWA ist kein Ersatz für jede native App – für rechenintensive Spiele oder tiefe Geräte-Integration bleibt eine native Lösung oft sinnvoller.

## Praxis-Bezug für Schweizer KMU

Für die meisten KMU ist eine PWA der pragmatische Mittelweg: App-Komfort ohne das Budget und den Aufwand einer echten App-Entwicklung. Ein Restaurant mit Speisekarte, ein Handwerksbetrieb mit Terminbuchung oder ein lokaler Shop profitieren von schnellem Laden und einem Icon auf dem Handy ihrer Stammkunden. Entscheidend ist, dass das Fundament stimmt – sauberes **Responsive Design**, kurze **Ladezeit** und HTTPS. Erst dann lohnt sich der Schritt zur installierbaren App, die deine Website näher an deine Kunden bringt.

---

## Haeufige Fragen

**Was ist der Unterschied zwischen einer PWA und einer nativen App?**

Eine native App wird für iOS oder Android separat entwickelt und über den App Store installiert. Eine PWA ist eine Website mit einer Codebasis, die im Browser läuft, sich aber installieren lässt und offline funktioniert. PWAs sind günstiger und über Google auffindbar, native Apps bieten dafür tiefere Geräte-Integration.

**Funktioniert eine PWA auch ohne Internetverbindung?**

Teilweise ja. Dank Service Worker werden bereits besuchte Inhalte zwischengespeichert und stehen offline zur Verfügung. Funktionen, die frische Daten vom Server brauchen, wie eine Live-Terminbuchung, benötigen weiterhin eine Verbindung.

**Ist eine PWA gut für SEO?**

Ja, weil eine PWA eine echte Website bleibt und damit von Google indexiert wird. Schnelle Ladezeiten durch Caching verbessern die Core Web Vitals und die Nutzererfahrung – beides wirkt sich positiv auf das Ranking aus, anders als bei einer reinen nativen App.