Alexandra Mendes
Inês Silva

06. August 2026

Min Read

Was ist eine Progressive Web App und warum brauchen Sie eine?

Isometrische Grafik eines Smartphones, das eine Website und Progressive Web Apps mit Funktionssymbolen für PWA-Technologie anzeigt.

Eine Progressive Web App (PWA) ist eine Webanwendung, die moderne Browserfunktionen – vor allem Service Worker und ein Web-App-Manifest – nutzt, um sich wie eine installierte native App zu verhalten. Sie tippen auf einen Link, und das, was sich öffnet, sieht aus wie eine App, funktioniert offline und landet anschließend auf Ihrem Startbildschirm, ohne dass Sie jemals einen App Store besucht oder eine Installation bestätigt haben. Stellen Sie sich eine native App wie ein Geschäft vor, in dem Sie am Eingang erst ein Mitgliedsformular ausfüllen müssen. Eine PWA ist dasselbe Geschäft, bei dem die Tür bereits offen steht.

Doch sie ist nicht immer die richtige Wahl. Apples Unterstützung für installierte Web-Apps hinkt der von Google hinterher, der Hardwarezugriff ist eingeschränkter als bei nativen Apps, und standardmäßig sind PWAs in keinem App Store gelistet. Die Frage ist also nicht, ob PWAs funktionieren, sondern wann sie für Ihr Unternehmen sinnvoll sind. Genau darum geht es im weiteren Verlauf: Was eine PWA leistet, was sie kostet, wo ihre Grenzen liegen und wie Sie eine Entscheidung treffen.

Die Sicht der Webplattform auf das, was eine PWA ist, sowie die dahinterstehenden Standards werden dokumentiert von MDN Web Docs und Googles Lernpfad zu PWAs auf web.dev.
blue arrow to the left
Imaginary Cloud logo

Welche Arten von mobilen Apps gibt es?

Mobile Apps sind wichtig, weil sie eine bequemere und persönlichere Nutzererfahrung bieten, als es eine Webseite in der Regel kann. Es gibt drei grundlegende Ansätze für die Entwicklung.

Native Apps werden für eine spezifische Plattform entwickelt. Sie laufen in der jeweiligen Sprache der Plattform – iOS in Swift und Android in Kotlin – und können auf alle Funktionen des Betriebssystems zugreifen. Zwei Plattformen bedeuten zwei Codebasen.

Hybrid-Apps kombinieren nativen Code mit Web-Code, sodass eine einzige Codebasis in einer nativen Hülle auf mehreren Plattformen bereitgestellt werden kann. Je nach Framework und verfügbaren Plugins können Hybrid-Apps möglicherweise nicht auf alle plattformspezifischen Funktionen zugreifen. Prüfen Sie daher vorab, ob Push-Benachrichtigungen und Hardware-Zugriffe wie GPS oder Kamera Ihre Anforderungen erfüllen.

Progressive Web Apps sind Webseiten, die mit modernen Webtechnologien erstellt wurden und die Nutzer auf ihrem Startbildschirm installieren und offline verwenden können. Sie sind nicht so leistungsfähig wie native Apps, bieten jedoch viele der gleichen Vorteile bei nur einer Codebasis und einer Deployment-Pipeline.

Lesen Sie mehr über Native App vs. Hybrid-App vs. PWA: Vor- und Nachteile. Wenn Sie sich zunächst einen umfassenderen Überblick verschaffen möchten, deckt unser ultimativer Leitfaden zur Web-App-Entwicklung die Grundlagen ab, auf denen dieser Artikel aufbaut.

Was ist eine Progressive Web App?

Eine Webanwendung, kurz Web-App, ist Software, die Sie über einen Browser wie Chrome, Safari oder Firefox aufrufen. Webanwendungen verdrängen zunehmend klassische Desktop-Software, und das aus drei pragmatischen Gründen: Sie erfordern keine Installation, werden zentral aktualisiert und laufen überall dort, wo ein Browser verfügbar ist.

Eine Progressive Web App geht noch einen Schritt weiter. Sie nutzt Browser-APIs, um auch bei langsamer oder fehlender Internetverbindung ein nutzbares Erlebnis zu bieten, und passt sich dem jeweiligen Gerät an, anstatt von einem schnellen Smartphone in einem schnellen Netz auszugehen. Ein einziger Build deckt alle Plattformen ab, sodass Ihre Funktionen nicht für jedes Betriebssystem separat entwickelt werden müssen.

PWAs übernehmen zudem Funktionen von mobilen Apps: Push-Benachrichtigungen, sofern die Plattform dies unterstützt, Offline-Funktionalität und die Installation auf dem Startbildschirm. Und da die App bereitgestellt statt ausgeliefert wird, erhalten Nutzer sofort beim Öffnen die aktuelle Version. Kein App-Store-Update, das bestätigt werden muss, und keine veralteten Versionen, die noch bei einem Teil der Nutzer im Einsatz sind.

Technisch gesehen besteht eine PWA aus HTML, CSS und JavaScript. Damit profitiert sie vom gesamten Web-Ökosystem: Bibliotheken, Tools, Fachkräfte und ein Bereitstellungsprozess, den Ihr Team bereits nutzt. Das ist der praktische Grund, warum eine PWA schneller live geht als ein natives Pendant. Keine Magie. Einfach nur Technik, die Sie bereits beherrschen.

Die Messlatte wird jedoch von nativen Apps vorgegeben. Was muss eine gute PWA also tatsächlich bieten?

blue arrow to the left
Imaginary Cloud logo

Welche Eigenschaften muss eine Progressive Web App haben?

Sechs Merkmale unterscheiden eine PWA von einer mobilfreundlichen Website, und jedes davon ist eine bewusste Entscheidung, keine bloße Einstellung.

  • Eine PWA passt sich jedem Bildschirm an, auf dem sie aufgerufen wird. Testen Sie die Anwendung auf einer Vielzahl von Bildschirm- und Viewport-Größen – wobei der Viewport der sichtbare Bereich der Seite innerhalb des Browserfensters ist –, damit keine wichtigen Inhalte abgeschnitten werden oder verloren gehen.
  • Eine PWA kann auf dem Startbildschirm installiert werden. Nutzer interagieren häufiger mit installierten Apps als mit Websites, die sie jedes Mal neu aufrufen müssen. Die Installation verschafft Ihnen ein App-Icon, ein Fenster ohne Browser-Elemente und einen Platz im App-Switcher.
  • Eine PWA funktioniert auch offline. Eine App, die ihren Status und zwischengespeicherte Inhalte bei einem Netzwerkausfall beibehält, lässt den Nutzer weiterarbeiten. Eine App, die nur eine Offline-Seite anzeigt, verliert ihn. Sie entscheiden, was zwischengespeichert werden soll, und genau das macht den Großteil der Arbeit aus.
  • Eine PWA bleibt für Suchmaschinen sichtbar. Da die meisten auf einer bestehenden Website aufbauen, bleiben sie durchsuchbar und generieren weiterhin Such-Traffic. Native Apps tun dies nicht, da ihre Inhalte hinter einer Installation liegen, die Suchmaschinen nicht indexieren können. Wenn Sie Nutzer über die Suche gewinnen, könnte dieser eine Unterschied für Sie ausschlaggebend sein.
  • Eine PWA sieht aus und verhält sich wie eine App. Ein App-Icon und ein Splash-Screen machen sie auf dem Startbildschirm erkennbar und sorgen dafür, dass der Start nicht wie das Laden einer Webseite wirkt.
  • Eine PWA funktioniert plattform- und browserübergreifend. Nutzer sollten die Anwendung im Browser ausprobieren können, bevor sie sie installieren. Da die Unterstützung nicht einheitlich ist, sollten Sie Ihre wichtigsten Funktionen sowohl in Safari als auch in Chrome überprüfen.
Die Mindestanforderungen für die Installierbarkeit, ein HTTPS-Ursprung und ein gültiges Manifest, sind im Making PWAs installable Leitfaden von MDN beschrieben. Die browserübergreifende Unterstützung für Service Worker wird auf caniusenachverfolgt.
Diagramm zum Vergleich der nahtlosen PWA-Installation mit dem längeren Download-Funnel nativer Apps.
Quelle: web.dev
blue arrow to the left
Imaginary Cloud logo

Was benötigen Sie, um eine Progressive Web App zu erstellen?

Weniger als Sie vielleicht denken. Drei der Anforderungen sind technischer Natur, zwei sind eine Frage der Entscheidung.

HTTPS, denn Service Worker setzen es voraus. Ihre Website muss über HTTPS ausgeliefert werden. Dies schützt Benutzerdaten bei der Übertragung, und Browser registrieren keinen Service Worker auf einer unsicheren Quelle. Ohne HTTPS gibt es also keine PWA. Das ist nicht verhandelbar.

Ein Service Worker für Offline-Funktionalität und Caching. Ein Service Worker ist ein Hintergrundskript, das der Browser unabhängig von Ihrer Seite ausführt. Er unterstützt die Offline-Nutzung, speichert Assets und Daten im Cache und übernimmt Hintergrundprozesse. Er kann Aufgaben sogar dann abschließen, wenn Ihre PWA gar nicht geöffnet ist – genau das ermöglicht Push-Benachrichtigungen und Hintergrundsynchronisierung.

Ein Web App Manifest. Diese JSON-Datei teilt dem Browser mit, wie Ihre PWA nach der Installation aussehen und sich verhalten soll: Name, Kurzname, Beschreibung, Symbole, Themen- und Hintergrundfarben, Anzeigemodus und Start-URL. Sie macht aus einem Browsertab eine App. MDN bietet eine vollständige Referenz der Manifest-Eigenschaften, und web.dev bietet eine praktische Anleitung für Web App Manifeste.

Frameworks und Tools. Jedes moderne JavaScript-Framework ist geeignet, und die meisten bieten mittlerweile dokumentierte Wege zur PWA-Erstellung: React, Angular, Vue, Svelte sowie Meta-Frameworks wie Next.js, Nuxt und SvelteKit. Für den Service Worker selbst greifen die meisten Teams auf Workbox zurück, anstatt Caching-Strategien manuell zu schreiben. Ältere Anleitungen, die AngularJS oder Polymer erwähnen, sind veraltet und beide Frameworks wurden eingestellt. Betrachten Sie jedes Tutorial, das diese noch empfiehlt, als Warnsignal für die Qualität der restlichen Ratschläge.

Ein erster Ladevorgang, der überzeugt. An diesem ersten Bildschirm werden Sie von den Nutzern gemessen – verlassen Sie sich also auf Messwerte statt auf Vermutungen. Lighthouse, das Open-Source-Audit-Tool von Google, erstellt Berichte zu Performance, Barrierefreiheit, SEO sowie Installierbarkeit und kann in den Chrome DevTools für jede beliebige URL ausgeführt werden.

Designer arbeiten am Bildschirm und illustrieren Produktdesign-Prozess und Design Thinking.
blue arrow to the left
Imaginary Cloud logo

Wie Progressive Web Apps den Geschäftserfolg steigern: Fallstudien

Ein wichtiger Hinweis vorab, da er die Aussagekraft der Zahlen beeinflusst: Alle folgenden Ergebnisse stammen aus den technischen Berichten der jeweiligen Unternehmen, die in der web.dev-Fallstudienbibliothek gesammelt wurden. Die meisten davon wurden um 2016 und 2017 veröffentlicht.

In dieser Zeit waren PWAs noch neu und die mobilen Websites, die sie ersetzten, oft mangelhaft. Betrachten Sie diese Beispiele daher als Beleg dafür, dass sich dieser Ansatz auszahlen kann, nicht als Prognose für Ihr eigenes Projekt. Googles Zusammenfassung dessen, was Nutzer von einem mobilen Erlebnis erwarten, stammt aus derselben Quelle: das Akronym FIRE – fast (schnell), installable (installierbar), reliable (zuverlässig) und engaging (ansprechend).

Geschäftserfolg sieht je nach Branche anders aus, wählen Sie also die Kennzahl, die zu Ihrem Modell passt. Verweildauer, Absprungrate, Konversionsrate oder wiederkehrende Besucher. Da eine PWA schrittweise bereitgestellt wird, können Sie zuerst die Funktionen veröffentlichen, die sich direkt auszahlen, und den Rest später ergänzen.

Pinterest: 40 % mehr Zeit im mobilen Web nach PWA-Umstellung

Pinterest hat sein mobiles Web-Erlebnis als PWA neu aufgebaut, um das internationale Wachstum zu fördern. Da nur 1 % der mobilen Nutzer sich registrierten, anmeldeten oder die App installierten und die schlechte Performance die Ursache war, begann das Team bei Null.

Der Umbau führte laut Pinterests eigenem technischen Bericht zu drei Ergebnissen: Die Zeit im mobilen Web stieg gegenüber der Vorgängerversion um 40 %, die Kerninteraktionen nahmen um 60 % zu und der Umsatz durch Anzeigen bei nutzergenerierten Inhalten – der Haupteinnahmequelle des Feeds – stieg um 44 %.

Twitter Lite: 20 % weniger Absprünge und 65 % mehr Seitenaufrufe pro Sitzung

Da über 80 % der Nutzer mobil unterwegs sind, wollte Twitter ein mobiles Web-Erlebnis, das schneller, zuverlässiger und datensparender ist. Twitter Lite wurde weltweit zum Standard für alle mobilen Nutzer, mit Fokus auf sofortiges Laden, Interaktion und Datenreduzierung.

Das Technik-Team von Twitter meldete 65 % mehr Seitenaufrufe pro Sitzung, 75 % mehr gesendete Tweets und 20 % weniger Absprünge. Twitter Lite lud selbst bei langsamen Verbindungen in unter drei Sekunden.

Uber: ein Buchungserlebnis, das in drei Sekunden über 2G lädt

Uber hat seine Web-App als PWA neu entwickelt, um bei der Expansion in neue Gebiete ein Buchungserlebnis zu bieten, das mit der nativen App vergleichbar ist. Die PWA funktioniert auch in 2G-Netzen und läuft in jedem modernen Browser, wodurch auch Nutzer mit einfacheren Geräten erreicht werden, auf denen die native Uber-App nicht läuft.

Laut Ubers technischem Bericht entstand eine schlanke Web-App, die unabhängig von Standort, Netzwerkgeschwindigkeit oder Gerät in drei Sekunden über 2G lädt.

Starbucks: doppelt so viele täglich aktive Nutzer mit einer App unter 0,15 MB

Starbucks hat sein Bestellsystem als PWA umgesetzt, um das Erlebnis der nativen App zu spiegeln. Kunden können das Menü durchstöbern, Bestellungen anpassen und Artikel in den Warenkorb legen, auch ohne stabile Verbindung. Sobald sie wieder online sind, werden standortspezifische Preise angezeigt und die Bestellung kann aufgegeben werden.

Da ein Großteil offline funktioniert, ist die App ideal für Kunden, die unterwegs häufig die Verbindung verlieren. Die App ist kleiner als 0,15 MB, und Starbucks berichtete, dass sich die täglich aktiven Nutzer seit dem Start verdoppelt haben, wobei die Anzahl der Desktop-Bestellungen fast das Niveau der mobilen Browser erreicht hat.

Trivago: 150 % mehr Installationen auf dem Startbildschirm und 97 % mehr Klicks

Trivago, eine der größten Hotelsuchmaschinen, investierte in eine PWA für ein stabileres mobiles Erlebnis. Das Team priorisierte Offline-Zugriff, Push-Benachrichtigungen und die „Zum Startbildschirm hinzufügen“-Funktion, da diese für die Nutzer den größten Mehrwert boten.

Die Zahlen von Trivago: Die „Zum Startbildschirm hinzufügen“-Aktionen stiegen um 150 % und die Klicks, die Nutzer zu den Hotelangeboten weiterleiten und Trivago Umsatz bringen, nahmen um 97 % zu. Nutzer, die die Verbindung verlieren, können weiter stöbern – 67 % tun genau das, sobald sie wieder online sind.

Die ursprünglichen Zahlen für diese fünf Beispiele stammen aus den technischen Berichten der jeweiligen Unternehmen, gesammelt in Googles Fallstudien-Bibliothek von web.dev. Betrachten Sie diese als historische Belege und nicht als aktuelle Maßstäbe.
blue arrow to the left
Imaginary Cloud logo

Die Vorteile einer PWA

Lässt man das Marketing beiseite, bleiben drei entscheidende Vorteile.

Eine Codebasis, mehrere Plattformen. Eine PWA läuft auf jedem webfähigen Gerät und in jedem Browser. Sie entwickeln und pflegen also nur eine einzige Anwendung statt einer Web-App, einer iOS-App und einer Android-App. Genau hier liegt das Einsparpotenzial, das sich mit der Zeit summiert: Jedes Feature, jede Fehlerbehebung und jedes Sicherheitsupdate muss nur einmal bereitgestellt werden.

App-Funktionalität ohne Hürden. Offline-Zugriff, Push-Benachrichtigungen (sofern von der Plattform unterstützt), geringer Datenverbrauch und die Installation auf dem Startbildschirm sind heute auch für Web-Apps verfügbar. Der Rückgang der Absprungrate um 20 % bei Twitter Lite und der Anstieg der Installationen um 150 % bei Trivago sind derselbe Vorteil, nur unterschiedlich gemessen. Nutzer, die niemals ein Registrierungsformular ausgefüllt hätten, pinnen den Shop dennoch auf ihren Startbildschirm.

Schneller veröffentlicht, günstiger im Unterhalt. Dank Web-APIs und bestehender Tools kann ein Team einen kundenorientierten Dienst live schalten, ohne separate mobile Anwendungen und Desktop-Apps entwickeln zu müssen. Zudem gibt es nur einen Bereitstellungsweg statt zwei Warteschlangen für App-Store-Prüfungen. Die Wartung ist aus demselben Grund deutlich effizienter: weniger Codebasen, weniger Pipelines und keine Versionsfragmentierung durch Nutzer, die ihre App nie aktualisiert haben.

Bei allen drei Punkten gibt es jedoch eine Einschränkung: Eine PWA ist dann die richtige Wahl, wenn Ihre Anforderungen durch die Möglichkeiten des Browsers abgedeckt werden. Ist dies nicht der Fall, helfen auch die genannten Vorteile nicht weiter.

blue arrow to the left
Imaginary Cloud logo

Was eine PWA kostet und welche Risiken sie birgt

Die oben genannten Engagement-Raten sind der einfache Teil des Business Case. Die folgenden vier Fragen bilden den Rest – und genau diese sollten Sie bei Ihrer Entscheidung berücksichtigen.

Entwicklungskosten. Die ehrliche Antwort ist eine Spanne, keine feste Zahl, und sie hängt vom Umfang ab, nicht von der Technologie. Der strukturelle Punkt ist simpel: Eine PWA besteht aus einer Codebasis, während native Apps zwei erfordern. Sie vergleichen also eine Entwicklung mit zwei, zuzüglich des Designs und der Backend-Arbeit, die in jedem Fall anfallen. Holen Sie sich eine fundierte Kostenschätzung, bevor Sie mit einer festen Zahl planen.

Zeit bis zum ersten Release. Eine PWA ist live, sobald Sie sie bereitstellen. Keine Einreichung im Store, keine Warteschlange für Prüfungen – das spart sowohl die Wartezeit vor dem Start als auch den Aufwand bei jedem späteren Update. Für Teams, die wöchentlich neue Versionen veröffentlichen, ist das oft das entscheidende Argument.

Wartung. Eine Codebasis, eine Pipeline, eine Version im Einsatz. Native Apps bedeuten zwei Codebasen, die zwei Betriebssystemen mit eigenen Release-Zyklen folgen, plus eine lange Liste von Nutzern mit alten Versionen, die Sie weiterhin unterstützen müssen. Eine PWA ist natürlich nicht wartungsfrei: Browser-Support ändert sich und die Caching-Logik muss bei App-Änderungen regelmäßig überprüft werden.

Risiko: Die Plattform. Apples Unterstützung für installierte Web-Apps hinkte der von Google historisch hinterher und wackelte einmal gewaltig: Anfang 2024 entfernte Apple kurzzeitig Web-Apps auf dem Homescreen für EU-Nutzer, um dem Digital Markets Act zu entsprechen, ruderte jedoch nach heftiger Kritik innerhalb weniger Wochen zurück. Dieser Vorfall ist beigelegt und die Entwicklung verläuft seitdem stetig vorwärts. Push-Benachrichtigungen funktionieren auf installierten PWAs seit iOS 16.4, und ab iOS 17.4 öffnet sich jede zum Homescreen hinzugefügte Website standardmäßig als Web-App, was einen bisher notwendigen manuellen Schritt überflüssig macht. Was sich nicht geändert hat, sind die komplexeren Anforderungen. Der Zugriff auf Hardware und Betriebssystem ist nach wie vor eingeschränkter als bei nativen Apps; Bluetooth, Hintergrund-Synchronisation, tiefe Systemintegration und bestimmte Sensoren sind unter Umständen nicht verfügbar, und iOS kann zwischengespeicherte PWA-Daten bei längerer Nichtbenutzung löschen. Wenn ein Großteil Ihrer Nutzer iOS verwendet, testen Sie Ihre kritischen Funktionen auf dem aktuellen Safari, bevor Sie sich festlegen.

Risiko: Distribution und Exit-Strategie. Keiner der App Stores listet PWAs standardmäßig. Wenn eine Präsenz im Store Teil Ihres Akquise-Plans ist, benötigen Sie einen separaten Weg dorthin. Und falls Sie später feststellen, dass Sie doch eine native App benötigen, finanzieren Sie eine zweite Entwicklung, anstatt die erste zu erweitern.

Apple dokumentiert die aktuelle Position zu Homescreen-Web-Apps in der EU in seinen DMA und Apps in der EU Entwickler-Q&A, und die Einführung von iOS Web Push wird im WebKit-Blogbeschrieben.
blue arrow to the left
Imaginary Cloud logo

Der Eignungs-Check: Vier Fragen vor der Entscheidung für eine PWA

Wir stellen bei jedem Projekt, bei dem eine PWA zur Debatte steht, dieselben vier Fragen. Sie klären die meisten Entscheidungen in einem einzigen Gespräch.

Entscheidungsdiagramm zur technischen Eignungsprüfung von Progressive Web Apps.

Woher kommen Ihre Nutzer? Wenn sie über die Suche, Anzeigen oder einen geteilten Link kommen, hält eine PWA die gesamte User Journey im Web, ohne dass eine Installation erforderlich ist. Kommen sie über die App Stores, verliert dieses Argument an Bedeutung.

Was muss die App vom Gerät abrufen können? Listen Sie die Hardware- und Betriebssystemfunktionen auf, auf die Sie nicht verzichten können, und prüfen Sie dann jede einzelne auf die Browser-Unterstützung der Plattformen, die Ihre Nutzer tatsächlich verwenden. Eine einzige unüberbrückbare Lücke entscheidet hier bereits.

Was muss offline funktionieren? „Offline-fähig“ umfasst alles, von der Anzeige zwischengespeicherter Inhalte bis hin zur Warteschlange für spätere Transaktionen. Je komplexer Ihre Anforderungen sind, desto mehr Arbeit fließt in den Service Worker.

Was passiert in 18 Monaten? Wenn die Roadmap auf Funktionen zusteuert, die nur nativ möglich sind, kann es dennoch richtig sein, zuerst eine PWA zu bauen – vorausgesetzt, Sie entscheiden sich bewusst dafür, beide Wege zu finanzieren, anstatt dies erst später festzustellen. Manchmal ist eine native App von Anfang an die ehrlichere Antwort. Als wir Jinga Life, eine digitale Plattform für Familiengesundheit, entwickelt haben, deuteten die Anforderungen von Anfang an auf iOS hin. Also haben wir genau das gebaut, anstatt eine Web-App zu etwas zu zwingen, wofür sie nicht geeignet war. Der Sinn dieser vier Fragen ist es nicht, Ihnen eine PWA aufzuschwatzen. Es geht darum, herauszufinden, was Sie tatsächlich benötigen.

Beantworten Sie diese vier Fragen, und die Entscheidung trifft sich meist von selbst. Wenn das nicht der Fall ist, ist ein zweigleisiger Ansatz legitim: Veröffentlichen Sie die PWA, lernen Sie aus der tatsächlichen Nutzung und steigen Sie später für die entsprechenden Bereiche auf eine native Lösung um.

blue arrow to the left
Imaginary Cloud logo

So erstellen Sie eine erfolgreiche PWA

Drei Faktoren unterscheiden eine PWA, die sich bewährt, von einer, die nur am Schreibtisch funktioniert.

  • Orientieren Sie sich bei der Gestaltung an den Geräten und Netzwerken aus Ihren Analysedaten, nicht an dem Smartphone in Ihrer Hand. Halten Sie das Layout geräteunabhängig, damit jeder Nutzer unabhängig vom verwendeten Endgerät auf dieselben Informationen zugreifen kann.
  • Legen Sie fest, welche Funktionen offline verfügbar sein müssen, und beschränken Sie das Caching genau darauf. Alles, was offline läuft, ist aufwendig. Eine Anwendung ohne Offline-Funktionalität ist keine PWA.
  • Betrachten Sie Performance als ein Feature. Messen Sie die Geschwindigkeit mit Lighthouse anhand echter Seiten, anstatt sich auf einen lokalen Build auf einem schnellen Laptop zu verlassen.

Häufig gestellte Fragen

Funktionieren Progressive Web Apps auf iOS?

Ja, und zwar besser, als ihr Ruf vermuten lässt. Safari unterstützt Service Worker, Offline-Caching und das Hinzufügen zum Startbildschirm, sodass der Kern einer PWA auf iPhone und iPad funktioniert. Push-Benachrichtigungen sind für installierte PWAs seit iOS 16.4 verfügbar, und ab iOS 17.4 öffnet sich eine auf dem Startbildschirm gespeicherte Website standardmäßig als eigene App und nicht mehr als Browser-Verknüpfung.

Die Einschränkungen betreffen den Funktionsumfang, nicht die grundsätzliche Lauffähigkeit. Es gibt auf iOS nach wie vor keine automatische Installationsaufforderung wie unter Android; der Nutzer muss also auf „Teilen“ und dann auf „Zum Home-Bildschirm“ tippen. Es lohnt sich, diesen Hinweis aktiv zu gestalten, anstatt darauf zu vertrauen, dass die Nutzer ihn von selbst finden. Push-Benachrichtigungen werden erst ausgelöst, wenn die App installiert und die Berechtigung erteilt wurde; sie können also niemanden reaktivieren, der die App nie installiert hat. Zudem sind Hintergrundsynchronisierung, die meisten Bluetooth- und Sensorfunktionen sowie dauerhafter, umfangreicher Speicher entweder nicht vorhanden oder unzuverlässig. Wenn ein signifikanter Teil Ihrer Nutzer iOS verwendet, testen Sie Ihre spezifischen Kernfunktionen auf dem aktuellen Safari, bevor Sie Ihre Planung darauf ausrichten. Apples Entwickler-Q&A zu EU-Apps ist die richtige Anlaufstelle, um den aktuellen Stand zu prüfen.

Was kostet eine PWA im Vergleich zu einer nativen App?

Der Unterschied ergibt sich aus der Anzahl der Codebasen, nicht aus der Technologie. Eine PWA ist ein einziger Build für alle Plattformen, während ein natives Pendant eine iOS-App und eine Android-App erfordert, jeweils mit eigenem Release-Zyklus und Wartungsaufwand. Design und Backend-Arbeiten kosten in beiden Fällen in etwa gleich viel. Fragen Sie nach einer detaillierten Kostenschätzung basierend auf Ihrem spezifischen Funktionsumfang, anstatt sich an veröffentlichten Durchschnittswerten zu orientieren.

Kann eine Progressive Web App in App Stores gelistet werden?

Standardmäßig nicht. Eine PWA wird über das Web verbreitet, Nutzer finden sie also über die Suche, Links oder Anzeigen und nicht durch das Stöbern in einem Store. Wenn eine Präsenz im Store für Sie wichtig ist, können Sie die App dafür verpacken: unter Android mittels Trusted Web Activity, Googles Mechanismus, um eine PWA in einem schlanken nativen Paket auszuliefern, und unter iOS mittels eines nativen Wrappers – einer minimalen nativen App, deren einzige Aufgabe darin besteht, Ihre Web-App anzuzeigen. Beide Wege erfordern einen zusätzlichen Build- und Review-Prozess, den Sie sonst nicht hätten.

Sind Progressive Web Apps noch relevant?

Ja. Die zugrunde liegenden Technologien – Service Worker, das Web App Manifest und die Installationsaufforderung – sind mittlerweile fester Bestandteil der Plattform und kein Experiment mehr. Die Frameworks, die die meisten Teams bereits verwenden, unterstützen sie direkt. Was sich geändert hat, ist die Sichtweise: Eine PWA ist keine separate Produktkategorie mehr, sondern eine Reihe von Funktionen, die Sie für eine Web-App aktivieren, wenn sie dort einen Mehrwert bieten.

Was kann eine Progressive Web App nicht?

Alles, was tiefen Zugriff auf das Gerät oder das Betriebssystem erfordert. Hintergrund-Standortabfragen, die meisten Bluetooth- und Sensorfunktionen, eine enge Integration in Systemfunktionen sowie alles, was einen permanent laufenden Hintergrundprozess benötigt, ist entweder nicht verfügbar oder wird nur eingeschränkt unterstützt. Die Verfügbarkeit variiert je nach Browser und Plattform. Treffen Sie Ihre Entscheidung daher auf Basis Ihrer eigenen Anforderungsliste und prüfen Sie jeden Punkt gegen PWA-Referenz von MDN, anstatt einer allgemeinen Antwort.

Wie lange dauert die Entwicklung einer PWA?

Das hängt vom Umfang ab, aber zwei Faktoren verkürzen die Zeit im Vergleich zu nativen Apps zuverlässig: eine einzige Codebasis und der Wegfall der Store-Prüfung vor der Veröffentlichung. Wenn Sie bereits eine gut strukturierte Web-App haben, ist das Hinzufügen eines Service Workers, eines Manifests und einer Offline-Strategie ein gezielter Arbeitsschritt und kein kompletter Neuaufbau. Wenn die bestehende App das Problem ist – wie es bei Pinterest der Fall war –, dann steht ein kompletter Neuaufbau an, und der Zeitrahmen entspricht dem dieses Projekts.

Fazit

Kurz zusammengefasst: Eine Progressive Web App ist die richtige Wahl, wenn Ihre Anforderungen durch die Browser-Funktionen abgedeckt werden, Ihre Nutzer über das Web kommen und Sie lieber eine Codebasis statt zwei pflegen möchten. Sie ist die falsche Wahl, wenn Sie auf Funktionen angewiesen sind, die tief im Betriebssystem verankert sind, oder wenn Sie auf die App Stores als Vertriebskanal angewiesen sind. Halten Sie sich Optionen offen, wo immer es geht. Entscheiden Sie sich für eine native Lösung, wenn es sein muss.

Wir haben beides entwickelt – von Web-Apps, die sich auf dem Startbildschirm installieren lassen, bis hin zu nativen Produkten wie Jinga Life, damit Sie genau die Empfehlung erhalten, die Ihr Projekt wirklich braucht. Werfen Sie einen Blick auf unsere Herangehensweise bei der Webentwicklung und App-Entwicklung, oder kontaktieren Sie uns , damit wir gemeinsam Ihre Anforderungen anhand der vier oben genannten Fragen durchgehen können.

Web- & Mobile-Entwicklungsbanner mit isometrischem Monitor und Smartphone-App mit React-Logo.

Alexandra Mendes
Alexandra Mendes

Alexandra Mendes ist Senior Growth Specialist bei Imaginary Cloud und verfügt über mehr als 3 Jahre Erfahrung in der Erstellung von Texten über Softwareentwicklung, KI und digitale Transformation. Nach Abschluss eines Frontend-Entwicklungskurses erwarb Alexandra einige praktische Programmierkenntnisse und arbeitet nun eng mit technischen Teams zusammen. Alexandra ist begeistert davon, wie neue Technologien Wirtschaft und Gesellschaft prägen. Sie liebt es, komplexe Themen in klare, hilfreiche Inhalte für Entscheidungsträger umzuwandeln.

LinkedIn

Read more posts by this author
Inês Silva
Inês Silva

Inês Silva ist eine Projektmanagerin mit über vier Jahren Erfahrung im Schreiben über Software-Bereitstellung, agile Methoden und Tech-Leadership. Da sie ihre Karriere als Entwicklerin begann, bringt Inês ein echtes, tiefgreifendes technisches Verständnis in die Management-Seite ein. Sie liebt es, die Lücke zwischen übergeordneter Geschäftsstrategie und der täglichen technischen Umsetzung zu schließen, und sie teilt leidenschaftlich gerne praktische Tipps, die Teams helfen, besser zusammenzuarbeiten und großartige Produkte zu liefern.

Read more posts by this author

People who read this post, also found these interesting:

Dropdown caret icon