Web-App erklärt: So funktionieren moderne Online-Anwendungen

 

Web-Apps begegnen uns täglich – oft ohne, dass wir es bewusst wahrnehmen. Ein kurzer Blick auf die Grundlagen schafft Klarheit.

Das Wichtigste auf einen Blick:

• Eine Web-App ist Software im Browser – keine Installation nötig, plattformunabhängig und auf jedem Gerät mit Internetverbindung nutzbar. Der entscheidende Unterschied zur klassischen Website: Web-Apps sind auf Interaktion ausgelegt, nicht nur auf Information.
• Web-App vs. Native App – kein klares Entweder-oder – Native Apps punkten bei Hardware-Zugriff, Offline-Fähigkeit und Leistung. Web-Apps überzeugen mit Plattformunabhängigkeit, geringeren Entwicklungskosten und automatischen Updates. Viele Unternehmen setzen heute auf beide Varianten gleichzeitig.
• Progressive Web-Apps schließen die Lücke – PWAs kombinieren das Beste aus Web und Native: Offline-Nutzung, Homescreen-Installation und Push-Benachrichtigungen – ohne App Store, ohne Installation, ohne Kompromisse.
• Der Technologiestack entscheidet – Frontend, Backend und Datenbank bilden das technische Fundament jeder Web-App. Die Wahl der richtigen Technologien – von React über Node.js bis PostgreSQL – ist entscheidend für Leistung, Sicherheit und Skalierbarkeit.
• Web-Apps sind die Zukunft der Softwareentwicklung – von Elster über YouTube bis Microsoft 365: Die erfolgreichsten digitalen Produkte unserer Zeit sind Web-Apps. Mit zunehmender PWA-Reife wird die Abgrenzung zur nativen App weiter verschwimmen.

Ob Web-App oder Website: Alles beginnt mit dem richtigen Namen. Finde deine Domain in Sekunden - bei DomainFactory.

Was ist eine Web-App? Die Definition

Eine Web-App – kurz für „Web-Application" oder auf Deutsch „Webanwendung" – ist eine Anwendungssoftware, die nicht lokal auf einem Gerät installiert werden muss, sondern über einen Webbrowser läuft. Sie wird auf einem Webserver betrieben, über das Internet aufgerufen und funktioniert auf nahezu jedem Gerät – ganz gleich, ob Windows-PC, Mac, Smartphone oder Tablet.

Der entscheidende Unterschied zu klassischen Desktop-Programmen: Eine Web-App muss weder heruntergeladen noch installiert werden. Ein aktueller Browser und eine Internetverbindung genügen – und schon ist die Anwendung startklar.

Technisch basieren Web-Apps auf Programmiersprachen wie JavaScript, PHP oder Python, die eine komplexe Anwendungslogik ermöglichen. Damit unterscheiden sie sich grundlegend von reinen Websites, die hauptsächlich aus HTML und CSS bestehen und primär der Darstellung von Inhalten dienen – nicht der Interaktion.

Kurz gefasst: Wenn Sie online etwas tun – ein Formular ausfüllen, ein Dokument bearbeiten, eine Route planen – steckt sehr wahrscheinlich eine Web-App dahinter.

Web-App vs. Website: Wo liegt der Unterschied?

Die Grenze zwischen einer Web-App und einer klassischen Website ist fließend – und sorgt regelmäßig für Verwirrung. Dabei lässt sich der Unterschied auf einen einfachen Nenner bringen: Eine Website informiert, eine Web-App lässt Sie handeln.

Eine klassische Website besteht überwiegend aus HTML und CSS – sie strukturiert und präsentiert Inhalte. Ein Unternehmensblog, eine Produktseite oder ein Online-Magazin sind typische Beispiele. Der Nutzer liest, scrollt, klickt – aber interagiert kaum aktiv mit der Anwendung.

Eine Web-App hingegen ist auf Interaktion ausgelegt. Sie verarbeitet Eingaben, kommuniziert in Echtzeit mit einem Server, speichert Daten und reagiert dynamisch auf das Verhalten des Nutzers. Online-Banking, Steuererklärungen im Browser oder kollaborative Textverarbeitung – das sind klassische Web-App-Szenarien.

In der Praxis verschwimmt die Grenze jedoch zunehmend. Viele moderne Websites enthalten Web-App-Elemente – etwa ein Kontaktformular mit Echtzeit-Validierung oder ein personalisierter Produktkonfigurator. Und umgekehrt haben viele Web-Apps auch informierende Bereiche.

	Website	Web-App
Hauptzweck	Information	Interaktion
Technologie	HTML, CSS	JavaScript, PHP, Python
Dynamik	Gering	Hoch
Beispiele	Blog, Landingpage	Gmail, Google Maps

Web-App vs. Native App: Der direkte Vergleich

Wer eine App auf dem Smartphone installiert, nutzt in der Regel eine Native App – also eine Anwendung, die speziell für ein bestimmtes Betriebssystem entwickelt wurde. Eine Instagram-App für iOS funktioniert nicht auf Android, und umgekehrt. Native Apps werden im App Store oder Google Play Store heruntergeladen, auf dem Gerät installiert und können direkt auf Hardware-Funktionen wie Kamera, GPS oder Mikrofon zugreifen.

Web-Apps gehen einen anderen Weg. Sie laufen im Browser, sind plattformunabhängig und benötigen keine Installation. Ein einziges Mal entwickelt, funktionieren sie auf allen Geräten und Betriebssystemen – was die Entwicklungskosten erheblich senkt und die Wartung deutlich vereinfacht.

Der direkte Vergleich:

	Native App	Web-App
Installation	Erforderlich	Nicht nötig
Plattform	Plattformabhängig	Plattformunabhängig
Datenspeicherung	Auf dem Gerät	Auf dem Server
Hardware-Zugriff	Vollständig	Eingeschränkt
Updates	Manuell durch den Nutzer	Automatisch vom Anbieter
Internetverbindung	Oft nicht nötig	In der Regel nötig
Entwicklungskosten	Hoch	Geringer

Kein klares Entweder-oder: Viele Unternehmen setzen heute auf beide Varianten gleichzeitig. Google, Microsoft und Amazon bieten ihre Dienste sowohl als Web-App als auch als Native App an.

Egal ob statische Website oder interaktive Web-App: Ohne stabiles Webhosting läuft nichts. Mit Webhosting von DomainFactory starten Sie auf einem sicheren Fundament.

Progressive Web-App: Die Beste aus beiden Welten

Was wäre, wenn eine Web-App sich anfühlt wie eine Native App – ohne Installation, ohne App Store, ohne Kompromisse? Genau das ist die Idee hinter der Progressive Web-App, kurz PWA.

Eine PWA ist eine Web-App, die mit modernen Webtechnologien so weit aufgerüstet wurde, dass sie sich wie eine vollwertige Native App verhält. Sie lässt sich auf dem Homescreen des Smartphones speichern, sendet Push-Benachrichtigungen, funktioniert auch offline – und das alles ohne einen einzigen Schritt im App Store.

Was eine PWA konkret kann:

• Offline-Nutzung – dank Service Workers werden Inhalte lokal zwischengespeichert und bleiben auch ohne Internetverbindung verfügbar
• Homescreen-Installation – die PWA lässt sich wie eine Native App auf dem Startbildschirm platzieren
• Push-Benachrichtigungen – Nutzer werden aktiv über Neuigkeiten informiert, genau wie bei einer nativen App
• Schnelle Ladezeiten – durch intelligentes Caching lädt eine PWA deutlich schneller als eine klassische Web-App

Bekannte Beispiele für PWAs sind Twitter Lite, Pinterest und die Starbucks-App – allesamt Web-Apps, die sich auf dem Smartphone kaum von einer nativen App unterscheiden lassen.

PWAs sind eines der wichtigsten Themen in der Web-Entwicklung – sie schließen die Lücke zwischen Web und Native endgültig.

Wie funktioniert eine Web-App technisch?

Hinter jeder Web-App steckt ein durchdachtes technisches Zusammenspiel – zwischen dem Gerät des Nutzers und einem Server irgendwo im Internet. Vereinfacht gesagt funktioniert das so: Der Browser schickt eine Anfrage an den Server, der Server verarbeitet sie und schickt eine Antwort zurück – und das alles in Sekundenbruchteilen.

Technisch lässt sich eine Web-App in drei Schichten unterteilen:

Frontend – was der Nutzer sieht
Das Frontend ist die Benutzeroberfläche – alles, was im Browser sichtbar ist und mit dem der Nutzer interagiert. Es wird mit HTML, CSS und JavaScript entwickelt. Moderne JavaScript-Frameworks wie React, Vue.js oder Angular ermöglichen dabei hochdynamische, reaktionsschnelle Oberflächen, die sich kaum noch von Desktop-Anwendungen unterscheiden.

Backend – was im Hintergrund passiert
Das Backend ist das unsichtbare Herzstück jeder Web-App. Hier laufen serverseitige Programmiersprachen wie Python, PHP, Node.js oder Ruby – sie verarbeiten Anfragen, führen Berechnungen durch und kommunizieren mit der Datenbank. Der Nutzer sieht davon nichts, spürt es aber: in Form von Ladezeiten, Reaktionsgeschwindigkeit und Zuverlässigkeit.

Datenbank – wo Daten gespeichert werden
Alle Nutzerdaten, Inhalte und Einstellungen landen in einer Datenbank – etwa MySQL, PostgreSQL oder MongoDB. Von dort werden sie bei Bedarf abgerufen und an den Nutzer zurückgespielt.

Das Zusammenspiel dieser drei Schichten – Frontend, Backend, Datenbank – nennt man in der Entwicklung den „Stack". Bekannte Kombinationen sind etwa der LAMP-Stack (Linux, Apache, MySQL, PHP) oder der MEAN-Stack (MongoDB, Express, Angular, Node.js).

Web-App-Beispiele: Von Elster bis YouTube

Web-Apps sind längst kein Nischenthema mehr – sie sind die unsichtbare Infrastruktur des digitalen Alltags. Diese Beispiele zeigen, wie vielfältig moderne Webanwendungen sind:

Produktivität und Zusammenarbeit
Microsoft 365 Online und Google Workspace sind die bekanntesten Vertreter – vollwertige Office-Anwendungen, die komplett im Browser laufen. Texte schreiben, Tabellen berechnen, Präsentationen erstellen – alles ohne Installation, alles in Echtzeit mit anderen teilbar. Auch Nextcloud, die europäische Open-Source-Alternative, bietet hervorragende Web-Apps für die Teamarbeit.

Behörden und Verwaltung
„Mein Elster" ist ein Web-App-Paradebeispiel aus dem Verwaltungsbereich: Die Steuererklärung wird komplett im Browser ausgefüllt, inklusive Plausibilitätsprüfung und Fortschrittsanzeige – ohne lokale Software-Installation. Ein Beweis dafür, dass Web-Apps auch in der öffentlichen Verwaltung angekommen sind.

Medien und Unterhaltung
YouTube, Spotify Web Player und Netflix laufen als Web-Apps im Browser – Millionen von Nutzern streamen täglich Inhalte, ohne eine einzige App zu installieren. Auch die digitalen Bibliotheksangebote wie filmfriend.de oder freegalmusic.com funktionieren vollständig browserbasiert.

Suche und Navigation
Google Search, Google Maps und OpenStreetMap sind Web-Apps, die täglich von Milliarden Menschen genutzt werden – interaktiv, datengetrieben und in Echtzeit aktualisiert.

Online-Lernen
Die Khan Academy bietet kostenlose Lernressourcen für alle Altersgruppen als personalisierte Web-App – sie analysiert Lernfortschritte und schlägt darauf aufbauend weitere Materialien vor.

Die Gemeinsamkeit aller Beispiele: Sie laufen im Browser, erfordern keine Installation und sind auf jedem Gerät nutzbar – das ist die Stärke moderner Web-Apps.

Vorteile von Web-Apps

Web-Apps haben sich nicht zufällig zur dominanten Form moderner Softwareanwendungen entwickelt. Ihre Stärken liegen auf der Hand – und überzeugen sowohl Nutzer als auch Unternehmen.

Plattformunabhängigkeit
Eine Web-App läuft auf jedem Gerät mit einem aktuellen Browser – ganz gleich, ob Windows, macOS, Android oder iOS. Entwickler müssen keine separaten Versionen für verschiedene Betriebssysteme pflegen. Das spart Zeit, Kosten und Aufwand.

Keine Installation, kein Update-Stress
Nutzer müssen nichts herunterladen, nichts installieren und keine Updates manuell einspielen. Aktualisierungen werden zentral auf dem Server implementiert – alle Nutzer profitieren sofort und automatisch von der neuesten Version.

Geringere Entwicklungskosten
Statt mehrerer nativer Apps für iOS, Android und Desktop genügt eine einzige Web-App. Das reduziert den Entwicklungsaufwand erheblich – besonders für Startups und kleinere Unternehmen, die schnell und kosteneffizient an den Start gehen möchten.

Einfache Skalierbarkeit
Web-Apps lassen sich bei steigendem Traffic und wachsenden Nutzerzahlen vergleichsweise einfach skalieren – durch leistungsfähigere Server, Cloud-Infrastruktur oder Content Delivery Networks.

Sicherheitsupdates in Echtzeit
Sicherheitslücken werden direkt auf dem Server geschlossen – ohne dass Nutzer aktiv werden müssen. Bei Native Apps hingegen sind Sicherheitsupdates auf den Download einer neuen Version angewiesen, was häufig zu verzögerten Patches führt.

Immer und überall verfügbar
Solange eine Internetverbindung besteht, ist eine Web-App erreichbar – vom Büro-PC, vom Smartphone unterwegs oder vom Laptop im Urlaub.

Nachteile von Web-Apps

So überzeugend die Vorteile sind – Web-Apps haben auch ihre Grenzen. Wer diese kennt, trifft die bessere Entscheidung.

Abhängigkeit von der Internetverbindung
Der größte Nachteil liegt auf der Hand: Ohne Internetverbindung funktionieren die meisten Web-Apps nicht – oder nur eingeschränkt. Zwar können Progressive Web-Apps dank Service Workers auch offline arbeiten, aber klassische Webanwendungen sind vollständig auf eine stabile Verbindung angewiesen. In Regionen mit schlechter Netzabdeckung oder auf Reisen kann das zum Problem werden.

Eingeschränkter Hardware-Zugriff
Native Apps können vollständig auf Gerätefunktionen wie Kamera, GPS, Gyrosensor oder Bluetooth zugreifen. Web-Apps sind hier limitiert – der Browserzugriff auf Hardware ist aus Sicherheitsgründen bewusst eingeschränkt. Für Anwendungen, die tief in die Gerätehardware eingreifen müssen, bleibt die Native App die bessere Wahl.

Leistungsunterschiede bei komplexen Anwendungen
Grafikintensive Anwendungen, aufwendige Simulationen oder komplexe Bildbearbeitung stoßen im Browser schneller an Grenzen als native Desktop-Anwendungen. Der Overhead des Browsers kostet Rechenleistung – was sich bei anspruchsvollen Aufgaben bemerkbar machen kann.

Sicherheitsrisiken
Da Web-Apps über das Internet erreichbar sind, bieten sie eine größere Angriffsfläche als lokal installierte Software. SQL-Injection, Cross-Site-Scripting und andere Angriffsvektoren erfordern sorgfältige Sicherheitsarchitektur und regelmäßige Audits.

Fazit der Abwägung: Web-Apps sind flexibel, kostengünstig und plattformunabhängig – Native Apps punkten bei Leistung, Hardware-Integration und Offline-Fähigkeit. Die richtige Wahl hängt immer vom konkreten Anwendungsfall ab.

Web-App erstellen: Was Sie wissen sollten

Eine eigene Web-App entwickeln – das klingt nach einem großen Projekt. Und ja, eine komplexe Webanwendung erfordert Planung, technisches Know-how und Zeit. Doch der Einstieg ist zugänglicher als viele denken.

Schritt 1: Anforderungen definieren
Bevor eine einzige Zeile Code geschrieben wird, steht die Frage: Was soll die Web-App leisten? Welche Nutzergruppe soll sie ansprechen? Welche Kernfunktionen sind unverzichtbar? Ein klares Anforderungsprofil spart in der Entwicklung viel Zeit – und Geld.

Schritt 2: Den richtigen Tech-Stack wählen
Die Wahl der Technologien hängt vom Anwendungsfall ab. Bewährte Kombinationen für den Einstieg:

• Frontend: React, Vue.js oder Angular für dynamische Benutzeroberflächen
• Backend: Node.js, Python mit Django oder PHP mit Laravel
• Datenbank: MySQL oder PostgreSQL für strukturierte Daten, MongoDB für flexible Datenstrukturen
• Hosting: Ein zuverlässiger Webhosting-Anbieter wie DomainFactory.

Schritt 3: Sicherheit von Anfang an mitdenken
Sicherheit ist kein nachträglicher Gedanke – sie muss von Beginn an in die Architektur einfließen. HTTPS, sichere Authentifizierung, Schutz vor gängigen Angriffsvektoren wie SQL-Injection und regelmäßige Updates sind Pflicht.

Schritt 4: Testen, optimieren, launchen
Vor dem Go-live wird die Web-App gründlich getestet – auf verschiedenen Browsern, Geräten und Bildschirmgrößen. Nach dem Launch folgt kontinuierliches Monitoring und iterative Verbesserung auf Basis von Nutzerfeedback.

Tipp für Einsteiger: Wer keine Entwicklungserfahrung mitbringt, kann auf No-Code- und Low-Code-Plattformen wie Bubble, Webflow oder Glide zurückgreifen – sie ermöglichen den Aufbau einfacher Web-Apps ohne Programmierkenntnisse.

Web-Apps sind die Gegenwart – und die Zukunft

Die Art, wie wir Software nutzen, hat sich fundamental verändert. Installationen, Versionswirrwarr und plattformspezifische Einschränkungen gehören für immer mehr Anwendungen der Vergangenheit an. Web-Apps haben das möglich gemacht – und mit der Weiterentwicklung zu Progressive Web-Apps verschwimmt die Grenze zwischen Browser-Anwendung und nativer App endgültig.

Für Nutzer bedeutet das: mehr Flexibilität, weniger Aufwand, überall verfügbar. Für Unternehmen: schnellere Entwicklung, geringere Kosten, einfachere Wartung. Und für Entwicklerinnen und Entwickler: ein wachsendes Ökosystem an Frameworks, Tools und Möglichkeiten, das sich rasant weiterentwickelt.

Web-Apps sind kein Trend – sie sind die logische Konsequenz einer vernetzten Welt, in der Software dort sein muss, wo die Menschen sind: im Browser, auf jedem Gerät, jederzeit.

Microsoft 365 Online ist das Paradebeispiel einer Web-App. Ob E-Mail, Office & Teams - Microsoft 365 läuft als Web-App überall, wo Sie sind.

Progressive Web Apps – der Fortschritt bei Mobilapps

Bei der Programmierung mobiler Apps haben Entwickler heute mehr Möglichkeiten als jemals zuvor. Statt einer nativen App für das jeweilige Betriebssystem können sie sich auch für eine Web-App entscheiden, die im Browser läuft, sich aber so anfühlt, als sei sie eine tatsächlich auf dem Gerät installierte Anwendung. Im Zusammenhang damit ist immer häufiger von „Progressive Web Apps“ (PWA) die Rede. in diesem Blogbeitrag erklären wir Ihnen, was PWAs sind und was daran so progressiv ist.

Die Vorteile von Web-Apps

Wie der Name schon sagt, sind Progressive Web Apps ebenfalls Browser-Apps und weisen deren Vorteile auf: Sie funktionieren geräte- und betriebssystemunabhängig und für ihre Nutzung ist keine Installation notwendig. Damit erhöhen Sie als Anbieter wesentlich die Reichweite Ihrer App, denn einer Umfrage von Google von 2019 zufolge bevorzugen 50 Prozent der Smartphone-Nutzer beim Surfen oder Einkaufen die Mobilversionen von Websites, statt dafür extra eine spezielle App herunterladen zu müssen.

Gleichzeitig machen Sie sich selbst das Leben einfacher. Zum einen verursachen Web-Apps weniger Entwicklungs- und Wartungsaufwand. Zum anderen, und das ist für viele das entscheidende Kriterium, machen Sie sich damit von App Stores unabhängig. Sie müssen bei der Veröffentlichung Ihrer App nicht mehr auf die Zulassung durch Apple, Google und Co. warten, sparen Provisionen (zum Beispiel für In-App-Verkäufe) und können auch Updates leichter und sicherer auf dem eigenen Server realisieren. Aus Marketingsicht wiederum ist es ein großer Vorteil, dass die Inhalte von Web-Apps von Suchmaschinen indexiert sowie leicht verlinkt und geteilt werden können.

Wenn dieser Artikel vor einigen Jahren erschienen wäre, würde jetzt die Einschränkung folgen, dass Sie diese Vorteile von Web-Apps gegenüber nativen Apps mit einigen gravierenden Nachteilen erkaufen müssten. Die wichtigsten: Wie andere Webseiten auch setzen Web-Apps in der Regel eine bestehende Internetverbindung voraus. Zudem ist es ohne Integration ins System Ihrer Anwender schwerer, Kundenbindung aufzubauen, zumal Ihre App dann nur im Browser und in unmittelbarer Konkurrenz zu so vielen anderen tollen Inhalten des WWW genutzt werden kann. Zudem bieten klassische Web-Apps nur eingeschränkte Funktionalität und können beispielsweise nicht auf das Dateisystem des Gerätes zugreifen. Die gute Nachricht: Web-Apps machen Fortschritte.

Progressive Web Apps

2015 prägte Google-Entwickler Alex Russell zusammen mit Designerin Frances Berriman den Begriff „Progressive (Web) Apps“. Gemeint waren „fortschrittliche“ Anwendungen, welche bestimmten Prinzipien folgten und dafür die damals neuesten Browser-Technologien nutzten (neben HTML5, CSS3 und JavaScript insbesondere Service Worker und Web App Manifest). Russell nannte insbesondere die folgenden Prinzipien:

• Responsiv
• Offline funktionsfähig
• App-ähnliche Bedienung
• Immer auf dem neuesten Stand („fresh“)
• Sicher (mit TLS – also über HTTPS – ausgeliefert)
• Auffindbar (Suchmaschinen können PWAs als „Anwendung“ erkennen und durchsuchen)
• Nutzt Re-Engagement-Funktionen des Betriebssystems (insbesondere Push-Benachrichtigungen)
• Installierbar (Icons auf dem Startbildschirm, laufen dann in eigenständigem Fenster, können als Standard-Anwendung registriert werden etc.)
• Verlinkbar (kann per Hyperlink erreicht und geteilt werden).

Die Entwicklung von PWAs wird wesentlich von Google vorangetrieben. Das Unternehmen stellt nicht nur umfangreiche Informationen für Entwickler zur Verfügung und baut die PWA-Unterstützung in Chromium und Android kontinuierlich aus. Google hat 2020 auch seine browserspezifischen Chrome-Apps abgekündigt und in Chrome OS (Chromebooks) stillschweigend begonnen, native Android-Apps durch PWAs zu ersetzen.

Und warum ist das „progressiv“?

Wie erwähnt, nutzen Progressive Web Apps fortgeschrittene Browser-Technologien, um app-ähnliches Verhalten, Offlinefähigkeit und Integration in die Betriebssystem-Umgebung zu realisieren, ohne dabei zu viele Tugenden von Webanwendungen zu opfern. Darüber hinaus bezieht sich „progressiv“ noch auf einen zweiten Aspekt, „progressive Verbesserung“ (Progressive Enhancement) genannt. Diese bezeichnet die Strategie, Webseiten bzw. -anwendungen so zu gestalten, dass ihre grundlegenden Inhalte und Funktionen allen Nutzern zugänglich sind, das heißt so weit wie möglich unabhängig von ihrer Browserausstattung und Internetbandbreite. Erweiterte Darstellungsfunktionen, für die mehr Bandbreite oder modernere Browser nötig sind, sind optional verfügbar, aber nicht Voraussetzung für die Nutzung.

Auch PWAs sind im Kern normale Websites, die als solche verwendet werden können – alle bekannten Browser mit nennenswerter Verbreitung unterstützen heute HTML5, CSS3, JavaScript und auch TLS. Die Nutzer entscheiden selbst, ob sie eine PWA auf ihrem Gerät installieren.

Was passiert dabei technisch?

Eine Progressive Web App ist im Wesentlichen eine responsive Website, die in eine app-artige Schale verpackt wird. Wesentliche Elemente für die App-Erfahrung sind „Service Worker“, „Web App Manifest“ und moderne Browser-APIs.

Ein „Service Worker“ ist Voraussetzung für die Offline-Fähigkeit von PWAs. „Worker“ sind Objekte, die JavaScript-Dateien einer Webseite im Hintergrund und unabhängig vom Hauptthread auszuführen (ursprünglich, damit rechenintensive Skripte nicht die Interaktion mit der Seite blockieren). Anders als gewöhnliche Web Worker werden Service Worker lokal installiert, können von verschiedenen Webseiten genutzt werden und fungieren als Proxy zwischen Browser und Server. Sie können eine geladene Seite steuern, aber auch unabhängig vom Hauptdokument arbeiten. Serverseitig können sie unter anderem die Verfügbarkeit des Servers prüfen, Inhalte lokal speichern (zum Beispiel per IndexedDB API), Daten im Hintergrund synchronisieren und auch Push-Benachrichtigungen oder Updates empfangen, selbst wenn das Dokument nicht geladen ist. Aus Sicherheitsgründen arbeiten Service Worker nur über HTTPS.

Ein Web App Manifest wird von Browsern genutzt, um eine PWA zu installieren, also zum Startbildschirm hinzuzufügen. Es handelt sich um eine vom W3C spezifizierte JSON-Datei mit Informationen über eine PWA und ihr Verhalten bei der Installation. Es enthält typischerweise Name und Beschreibung der Anwendung, die Icons zur Verwendung auf Homescreen, im Task-Manager etc., und natürlich die URL für den App-Start. Auch weitere Informationen etwa zu Bildschirmausrichtung, Darstellung (z. B. Vollbild) oder Geltungsbereich sind möglich.

Dass PWAs heute wesentlich mehr Geräte-Funktionen nutzen können als frühere Web-Apps (seit neuestem sogar Dateisystemzugriffe), verdanken sie dem Fortschritt bei Browser-APIs. Mehr zum Thema Browser-APIs finden Sie in diesem Blogartikel von DomainFactory.

Ein vorläufiges Fazit

Langfristig betrachtet, kann man eine interessante Entwicklung feststellen. Während auf dem Desktop immer mehr Anwendungen in den Browser wandern, gab es im Mobilbereich einen gegenläufigen Trend: Immer mehr Unternehmen versuchten zusätzlich zu ihrer Website noch plattformspezifische mobile Apps unter die Leute zu bringen, weil das mehr Funktionen ermöglichte und eine bessere Kundenbindung versprach. Jetzt sollen PWAs beide Welten zusammenwachsen lassen, und das, wenn es nach Google geht, mithilfe offener Web-Standards. Noch sind aber PWAs nicht wirklich durchgestartet. Der Fortschritt geht manchmal unerwartete Wege – es bleibt also spannend.

FAQ: Die häufigsten Fragen zu Web-Apps

Was ist eine Web-App?

Eine Web-App – kurz für Web-Application – ist eine Anwendungssoftware, die im Browser läuft und keine Installation erfordert. Sie wird auf einem Webserver betrieben, über das Internet aufgerufen und funktioniert auf nahezu jedem Gerät und Betriebssystem. Bekannte Beispiele sind Gmail, Google Maps oder Microsoft 365 Online.

Was ist der Unterschied zwischen einer Web-App und einer Website?

Eine Website dient primär der Information – sie präsentiert Inhalte und ist überwiegend statisch. Eine Web-App ist auf Interaktion ausgelegt: Sie verarbeitet Eingaben, kommuniziert in Echtzeit mit einem Server und reagiert dynamisch auf das Nutzerverhalten. Die Grenze zwischen beiden ist fließend – viele moderne Websites enthalten Web-App-Elemente.

Was ist der Unterschied zwischen einer Web-App und einer nativen App?

Native Apps werden speziell für ein Betriebssystem entwickelt, müssen installiert werden und können vollständig auf die Gerätehardware zugreifen. Web-Apps laufen im Browser, benötigen keine Installation und sind plattformunabhängig – dafür haben sie eingeschränkten Hardware-Zugriff und sind meist auf eine Internetverbindung angewiesen.

Was ist eine Progressive Web-App?

Eine Progressive Web-App – kurz PWA – ist eine Web-App, die mit modernen Webtechnologien so erweitert wurde, dass sie sich wie eine native App verhält. Sie lässt sich auf dem Homescreen installieren, funktioniert offline und kann Push-Benachrichtigungen senden – ohne App Store, ohne Installation.

Welche Technologien stecken hinter einer Web-App?

Web-Apps bestehen aus drei Schichten: dem Frontend (HTML, CSS, JavaScript – etwa mit React oder Vue.js), dem Backend (serverseitige Sprachen wie Python, PHP oder Node.js) und der Datenbank (etwa MySQL, PostgreSQL oder MongoDB). Die Kombination dieser Technologien nennt man den Tech-Stack.

Kann ich eine Web-App ohne Programmierkenntnisse erstellen?

Ja – No-Code- und Low-Code-Plattformen wie Bubble, Webflow oder Glide ermöglichen den Aufbau einfacher Web-Apps ohne Programmierkenntnisse. Für komplexere Anwendungen mit individueller Logik sind jedoch Entwicklungskenntnisse oder die Zusammenarbeit mit einem Entwicklerteam empfehlenswert.

Sind Web-Apps sicher?

Web-Apps sind über das Internet erreichbar und bieten damit eine größere Angriffsfläche als lokal installierte Software. Mit der richtigen Sicherheitsarchitektur – HTTPS, sichere Authentifizierung, Schutz vor SQL-Injection und regelmäßige Sicherheitsaudits – lassen sich die Risiken jedoch effektiv minimieren.

Titelmotiv: Bild von Edar auf Pixabay 

Dieser Artikel ist am 25.05.2021 erschienen und wurde am 27.08.2026 aktualisiert.