{"id":375,"date":"2026-10-23T01:53:00","date_gmt":"2026-10-22T23:53:00","guid":{"rendered":"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/"},"modified":"2026-10-23T18:50:13","modified_gmt":"2026-10-23T16:50:13","slug":"progressive-web-app","status":"publish","type":"page","link":"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/","title":{"rendered":"Progressive Web App (PWA): Bedeutung, Vorteile und Beispiele"},"content":{"rendered":"\n<div id=\"definition\" class=\"wp-block-group gl-def is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"gl-def__label wp-block-paragraph\">Kurz erkl\u00e4rt <span>\u00b7 Technik &amp; Plattform<\/span><\/p>\n\n\n\n<p class=\"gl-def__text wp-block-paragraph\">Eine Progressive Web App (PWA) ist eine Webseite, die sich wie eine App verh\u00e4lt: Man kann sie auf dem Startbildschirm ablegen, im eigenen Fenster ohne Adressleiste starten und, wenn sie daf\u00fcr eingerichtet ist, auch ohne Internet nutzen.<\/p>\n\n\n\n<p class=\"gl-def__alt wp-block-paragraph\">Auch: PWA, Progressive Webanwendung, Progressive Web Application, Web-App, installierbare Web-App<\/p>\n<\/div>\n\n\n\n<figure class=\"gl-anim\" id=\"animation\"><input type=\"checkbox\" class=\"gl-anim__pause\" id=\"gl-pause-progressive-web-app\"><label for=\"gl-pause-progressive-web-app\" class=\"gl-anim__btn\"><span class=\"gl-anim__p\">Animation anhalten<\/span><span class=\"gl-anim__r\">Animation fortsetzen<\/span><\/label><div class=\"gl-anim__stage\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"g-progressive-web-app\" viewBox=\"0 0 640 360\" role=\"img\" aria-labelledby=\"g-progressive-web-app-t g-progressive-web-app-d\">\n<title id=\"g-progressive-web-app-t\">Progressive Web App einfach erkl\u00e4rt<\/title>\n<desc id=\"g-progressive-web-app-d\">Ein Handy zeigt ein Brettspiel als normale Webseite mit Adressleiste. Im Browser-Men\u00fc wird \u201eZum Startbildschirm\u201c angetippt. Auf dem Startbildschirm erscheint ein neues Spiel-Symbol. Ein Tipp darauf \u00f6ffnet das Spiel im Vollbild ohne Adressleiste, auf Wunsch auch ohne Internet.<\/desc>\n<style>\n.g-progressive-web-app{font-family:\"Space Grotesk\",system-ui,sans-serif}\n.g-progressive-web-app .bg{fill:#131823}\n.g-progressive-web-app .phone{fill:#1d2433;stroke:#3a4458;stroke-width:3}\n.g-progressive-web-app .scr{fill:#0f141e}\n.g-progressive-web-app .bar{fill:#242c3d}\n.g-progressive-web-app .wood{fill:#fb923c}\n.g-progressive-web-app .dark{fill:#7c3a12}\n.g-progressive-web-app .gold{fill:#ffd700}\n.g-progressive-web-app .h{fill:#e8ebf2;font-size:18px;font-weight:700}\n.g-progressive-web-app .t{fill:#e8ebf2;font-size:16px;font-weight:700}\n.g-progressive-web-app .lbl{fill:#aab3c5;font-size:15px}\n.g-progressive-web-app .sm{fill:#aab3c5;font-size:14px}\n.g-progressive-web-app .mi{fill:#e8ebf2;font-size:14px}\n.g-progressive-web-app .hl{fill:#ffd700;font-size:14px;font-weight:700}\n.g-progressive-web-app .menu{fill:#242c3d;stroke:#3a4458;stroke-width:2}\n.g-progressive-web-app .wall{fill:#1d2a44}\n.g-progressive-web-app .ico{fill:#3a4458}\n.g-progressive-web-app .num{fill:#242c3d;stroke:#aab3c5;stroke-width:2}\n.g-progressive-web-app .numt{fill:#e8ebf2;font-size:15px;font-weight:700}\n.g-progressive-web-app .sel{fill:rgba(255,215,0,.08);stroke:#ffd700;stroke-width:2}\n.g-progressive-web-app .rip{fill:none;stroke:#ffd700;stroke-width:4}\n.g-progressive-web-app .pill{fill:rgba(74,222,128,.15);stroke:#4ade80;stroke-width:1.5}\n.g-progressive-web-app .grn{fill:#4ade80;font-size:14px;font-weight:700}\n.g-progressive-web-app .rip,.g-progressive-web-app .newico{transform-box:fill-box;transform-origin:center}\n.g-progressive-web-app .s-br{animation:g-progressive-web-app-br 8s linear infinite}\n.g-progressive-web-app .s-menu{animation:g-progressive-web-app-menu 8s linear infinite}\n.g-progressive-web-app .s-home{animation:g-progressive-web-app-home 8s linear infinite}\n.g-progressive-web-app .s-app{animation:g-progressive-web-app-app 8s linear infinite}\n.g-progressive-web-app .newico{animation:g-progressive-web-app-new 8s ease-out infinite}\n.g-progressive-web-app .r1{animation:g-progressive-web-app-r1 8s ease-out infinite}\n.g-progressive-web-app .r2{animation:g-progressive-web-app-r2 8s ease-out infinite}\n.g-progressive-web-app .sel{animation:g-progressive-web-app-sel 8s ease-in-out infinite}\n@keyframes g-progressive-web-app-br{0%,47%{opacity:1}50%,97%{opacity:0}100%{opacity:1}}\n@keyframes g-progressive-web-app-menu{0%,24%{opacity:0}27%,47%{opacity:1}50%,100%{opacity:0}}\n@keyframes g-progressive-web-app-home{0%,48%{opacity:0}51%,73%{opacity:1}76%,100%{opacity:0}}\n@keyframes g-progressive-web-app-app{0%,74%{opacity:0}77%,97%{opacity:1}100%{opacity:0}}\n@keyframes g-progressive-web-app-new{0%,52%{opacity:0;transform:scale(0)}57%{opacity:1;transform:scale(1.15)}60%,73%{opacity:1;transform:scale(1)}76%,100%{opacity:0;transform:scale(1)}}\n@keyframes g-progressive-web-app-r1{0%,36%{opacity:0;transform:scale(.3)}40%{opacity:.9;transform:scale(1)}46%,100%{opacity:0;transform:scale(1.6)}}\n@keyframes g-progressive-web-app-r2{0%,64%{opacity:0;transform:scale(.3)}67%{opacity:.9;transform:scale(1)}73%,100%{opacity:0;transform:scale(1.6)}}\n@keyframes g-progressive-web-app-sel{0%,24%{transform:translateY(0);opacity:1}27%,48%{transform:translateY(66px);opacity:1}51%,73%{transform:translateY(132px);opacity:1}76%,96%{transform:translateY(198px);opacity:1}98%{transform:translateY(198px);opacity:0}99%{transform:translateY(0);opacity:0}100%{transform:translateY(0);opacity:1}}\n@media (prefers-reduced-motion:reduce){.g-progressive-web-app *{animation:none!important}.g-progressive-web-app .s-br,.g-progressive-web-app .s-menu,.g-progressive-web-app .s-app,.g-progressive-web-app .rip{opacity:0}.g-progressive-web-app .s-home{opacity:1}.g-progressive-web-app .sel{transform:translateY(132px)}}\n<\/style>\n<rect class=\"bg\" width=\"640\" height=\"360\" rx=\"18\"\/>\n<rect class=\"phone\" x=\"60\" y=\"22\" width=\"180\" height=\"316\" rx=\"28\"\/>\n<rect class=\"scr\" x=\"72\" y=\"52\" width=\"156\" height=\"262\" rx=\"10\"\/>\n<rect class=\"bar\" x=\"128\" y=\"34\" width=\"44\" height=\"6\" rx=\"3\"\/>\n<g class=\"s-br\">\n<rect class=\"bar\" x=\"78\" y=\"58\" width=\"144\" height=\"26\" rx=\"13\"\/>\n<text class=\"sm\" x=\"92\" y=\"76\">0o5.de<\/text>\n<circle class=\"gold\" cx=\"210\" cy=\"64\" r=\"2.2\"\/><circle class=\"gold\" cx=\"210\" cy=\"71\" r=\"2.2\"\/><circle class=\"gold\" cx=\"210\" cy=\"78\" r=\"2.2\"\/>\n<g transform=\"translate(102 112)\"><rect class=\"wood\" width=\"96\" height=\"96\" rx=\"4\"\/><path class=\"dark\" d=\"M24 0h24v24h-24zM72 0h24v24h-24zM0 24h24v24h-24zM48 24h24v24h-24zM24 48h24v24h-24zM72 48h24v24h-24zM0 72h24v24h-24zM48 72h24v24h-24z\"\/><\/g>\n<rect class=\"gold\" x=\"100\" y=\"238\" width=\"100\" height=\"30\" rx=\"15\"\/>\n<text x=\"150\" y=\"258\" text-anchor=\"middle\" fill=\"#131823\" font-size=\"15\" font-weight=\"700\">Spielen<\/text>\n<\/g>\n<g class=\"s-menu\">\n<rect class=\"menu\" x=\"82\" y=\"88\" width=\"140\" height=\"112\" rx=\"10\"\/>\n<text class=\"mi\" x=\"94\" y=\"114\">Teilen<\/text>\n<text class=\"mi\" x=\"94\" y=\"146\">Lesezeichen<\/text>\n<text class=\"hl\" x=\"94\" y=\"178\">Zum Start-<\/text>\n<text class=\"hl\" x=\"94\" y=\"194\">bildschirm<\/text>\n<\/g>\n<circle class=\"rip r1\" cx=\"150\" cy=\"182\" r=\"20\"\/>\n<g class=\"s-home\">\n<rect class=\"wall\" x=\"72\" y=\"52\" width=\"156\" height=\"262\" rx=\"10\"\/>\n<rect class=\"ico\" x=\"86\" y=\"74\" width=\"36\" height=\"36\" rx=\"9\"\/><rect class=\"ico\" x=\"132\" y=\"74\" width=\"36\" height=\"36\" rx=\"9\"\/><rect class=\"ico\" x=\"178\" y=\"74\" width=\"36\" height=\"36\" rx=\"9\"\/>\n<rect class=\"ico\" x=\"86\" y=\"130\" width=\"36\" height=\"36\" rx=\"9\"\/><rect class=\"ico\" x=\"132\" y=\"130\" width=\"36\" height=\"36\" rx=\"9\"\/><rect class=\"ico\" x=\"178\" y=\"130\" width=\"36\" height=\"36\" rx=\"9\"\/>\n<rect class=\"ico\" x=\"86\" y=\"186\" width=\"36\" height=\"36\" rx=\"9\"\/><rect class=\"ico\" x=\"132\" y=\"186\" width=\"36\" height=\"36\" rx=\"9\"\/>\n<g class=\"newico\"><rect class=\"gold\" x=\"178\" y=\"186\" width=\"36\" height=\"36\" rx=\"9\"\/><g transform=\"translate(184 192)\"><rect class=\"wood\" width=\"24\" height=\"24\" rx=\"2\"\/><path class=\"dark\" d=\"M12 0h12v12h-12zM0 12h12v12h-12z\"\/><\/g><\/g>\n<text class=\"sm\" x=\"196\" y=\"240\" text-anchor=\"middle\">Spiel<\/text>\n<\/g>\n<circle class=\"rip r2\" cx=\"196\" cy=\"204\" r=\"22\"\/>\n<g class=\"s-app\">\n<rect class=\"pill\" x=\"164\" y=\"60\" width=\"58\" height=\"22\" rx=\"11\"\/>\n<text class=\"grn\" x=\"193\" y=\"76\" text-anchor=\"middle\">offline<\/text>\n<g transform=\"translate(84 104)\"><rect class=\"wood\" width=\"132\" height=\"132\" rx=\"5\"\/><path class=\"dark\" transform=\"scale(1.375)\" d=\"M24 0h24v24h-24zM72 0h24v24h-24zM0 24h24v24h-24zM48 24h24v24h-24zM24 48h24v24h-24zM72 48h24v24h-24zM0 72h24v24h-24zM48 72h24v24h-24z\"\/><\/g>\n<text class=\"sm\" x=\"150\" y=\"266\" text-anchor=\"middle\">ohne Adressleiste<\/text>\n<\/g>\n<text class=\"h\" x=\"284\" y=\"44\">Aus der Webseite wird eine App<\/text>\n<rect class=\"sel\" x=\"280\" y=\"62\" width=\"330\" height=\"58\" rx=\"12\"\/>\n<circle class=\"num\" cx=\"306\" cy=\"91\" r=\"14\"\/><text class=\"numt\" x=\"306\" y=\"96\" text-anchor=\"middle\">1<\/text>\n<text class=\"t\" x=\"332\" y=\"87\">Im Browser \u00f6ffnen<\/text><text class=\"lbl\" x=\"332\" y=\"108\">ganz normal als Webseite<\/text>\n<circle class=\"num\" cx=\"306\" cy=\"157\" r=\"14\"\/><text class=\"numt\" x=\"306\" y=\"162\" text-anchor=\"middle\">2<\/text>\n<text class=\"t\" x=\"332\" y=\"153\">Zum Startbildschirm<\/text><text class=\"lbl\" x=\"332\" y=\"174\">im Browser-Men\u00fc w\u00e4hlen<\/text>\n<circle class=\"num\" cx=\"306\" cy=\"223\" r=\"14\"\/><text class=\"numt\" x=\"306\" y=\"228\" text-anchor=\"middle\">3<\/text>\n<text class=\"t\" x=\"332\" y=\"219\">Symbol antippen<\/text><text class=\"lbl\" x=\"332\" y=\"240\">wie bei jeder anderen App<\/text>\n<circle class=\"num\" cx=\"306\" cy=\"289\" r=\"14\"\/><text class=\"numt\" x=\"306\" y=\"294\" text-anchor=\"middle\">4<\/text>\n<text class=\"t\" x=\"332\" y=\"285\">Vollbild statt Browser-Tab<\/text><text class=\"lbl\" x=\"332\" y=\"306\">mit Service Worker auch offline<\/text>\n<\/svg><\/div><figcaption><b>So funktioniert\u2019s:<\/b> Die Animation zeigt, wie aus einem Spiel im Browser eine App auf dem Startbildschirm wird, die im Vollbild startet.<\/figcaption><\/figure>\n\n\n\n<nav class=\"mag-toc\" aria-label=\"Inhalt\"><details><summary>Inhalt<\/summary><ol><li><a href=\"#bedeutung\">Was ist eine Progressive Web App?<\/a><\/li><li><a href=\"#technik\">Wie funktioniert eine PWA technisch?<\/a><\/li><li><a href=\"#unterschied\">PWA oder App aus dem Store: Was ist der Unterschied?<\/a><\/li><li><a href=\"#tipps\">Typische Fehler und Tipps<\/a><\/li><li><a href=\"#beispiele\">Progressive Web App (PWA) in Spielen auf Player 0o5<\/a><\/li><li><a href=\"#anleitung\">So installierst du ein Browserspiel als App<\/a><\/li><li><a href=\"#faq\">H\u00e4ufige Fragen<\/a><\/li><li><a href=\"#verwandte-begriffe\">Verwandte Begriffe<\/a><\/li><\/ol><\/details><\/nav>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bedeutung\">Was ist eine Progressive Web App?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine <strong>Progressive Web App<\/strong>, kurz PWA, ist eine ganz normale Webseite mit ein paar Extras. Du \u00f6ffnest sie im Browser wie jede andere Seite. Zus\u00e4tzlich kannst du sie auf den Startbildschirm deines Handys oder auf den Desktop legen. Von dort startet sie im eigenen Fenster, ohne Adressleiste und Tabs \u2013 sie f\u00fchlt sich an wie eine installierte App.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Wort <em>progressive<\/em> bedeutet hier: Die Seite funktioniert zuerst \u00fcberall als einfache Webseite und wird auf Ger\u00e4ten, die mehr k\u00f6nnen, Schritt f\u00fcr Schritt besser. Den Begriff pr\u00e4gten 2015 die Designerin Frances Berriman und der Browser-Entwickler Alex Russell.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr Spiele ist das praktisch: Ein <a href=\"https:\/\/0o5.de\/magazin\/glossar\/browserspiel\/\">Browserspiel<\/a> l\u00e4sst sich so ohne Store, ohne Konto und ohne gro\u00dfes Download-Paket wie eine App nutzen. Updates kommen automatisch, sobald du das Spiel mit Internet \u00f6ffnest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"technik\">Wie funktioniert eine PWA technisch?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Damit aus einer Webseite eine installierbare App wird, braucht sie drei Bausteine:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTTPS:<\/strong> Die Seite muss verschl\u00fcsselt \u00fcbertragen werden. Ohne sichere Verbindung bieten Browser die Installation nicht an.<\/li>\n\n<li><strong>Web-App-Manifest:<\/strong> eine kleine Textdatei mit Name, Symbol, Farben und Startadresse. Sie sagt dem Browser, wie die App auf dem Startbildschirm aussieht und ob sie im Vollbild oder als eigenes Fenster startet.<\/li>\n\n<li><strong><a href=\"https:\/\/0o5.de\/magazin\/glossar\/service-worker\/\">Service Worker<\/a>:<\/strong> ein Skript, das im Hintergrund zwischen Seite und Internet vermittelt. Er kann Dateien zwischenspeichern und die Seite so auch offline ausliefern.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Spielst\u00e4nde und Einstellungen liegen bei einer PWA meist im Speicher des Browsers, zum Beispiel im <a href=\"https:\/\/0o5.de\/magazin\/glossar\/local-storage\/\">Local Storage<\/a>. Sie bleiben auf deinem Ger\u00e4t, solange du die Browserdaten nicht l\u00f6schst.<\/p>\n\n\n\n<div class=\"wp-block-group mag-tip is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"mag-tip__text wp-block-paragraph\"><strong>Tipp:<\/strong> Ob ein Spiel offline l\u00e4uft, entscheidet der Service Worker \u2013 nicht das Symbol auf dem Startbildschirm. Eine PWA ohne Offline-Speicher braucht beim Start trotzdem Internet.<\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"unterschied\">PWA oder App aus dem Store: Was ist der Unterschied?<\/h2>\n\n\n\n<figure class=\"wp-block-table mag-table\"><table><thead><tr><th>Merkmal<\/th><th>PWA<\/th><th>App aus dem Store<\/th><\/tr><\/thead><tbody><tr><td>Installation<\/td><td>\u00dcber das Browser-Men\u00fc, in Sekunden<\/td><td>\u00dcber einen Store, oft mit Konto<\/td><\/tr><tr><td>Gr\u00f6\u00dfe<\/td><td>Meist klein, l\u00e4dt nur, was gebraucht wird<\/td><td>Oft deutlich gr\u00f6\u00dfer<\/td><\/tr><tr><td>Updates<\/td><td>Automatisch beim n\u00e4chsten Start mit Internet<\/td><td>\u00dcber den Store<\/td><\/tr><tr><td>Offline<\/td><td>M\u00f6glich, wenn ein Service Worker die Dateien speichert<\/td><td>Meist m\u00f6glich<\/td><\/tr><tr><td>Ger\u00e4tefunktionen<\/td><td>Viele, etwa Bewegungssensor oder Gamepad, je nach Browser<\/td><td>Nahezu alle<\/td><\/tr><tr><td>Daten<\/td><td>Im Browser des Ger\u00e4ts<\/td><td>Im App-Speicher des Ger\u00e4ts<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Eine PWA ersetzt nicht jede App. F\u00fcr Spiele, die im Browser ohnehin gut laufen, ist sie aber oft der bequemste Weg: kein Store, kein Konto, sofort spielbereit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tipps\">Typische Fehler und Tipps<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Men\u00fcpunkt nicht gefunden?<\/strong> Je nach Browser hei\u00dft er \u201eZum Startbildschirm hinzuf\u00fcgen\u201c oder \u201eApp installieren\u201c, manchmal steckt er im Teilen-Men\u00fc.<\/li>\n\n<li><strong>Erst einmal online \u00f6ffnen:<\/strong> Offline-f\u00e4hige Spiele speichern ihre Dateien beim ersten Besuch. Danach klappt es auch ohne Netz.<\/li>\n\n<li><strong>Browserdaten l\u00f6schen<\/strong> entfernt meist auch die Spielst\u00e4nde und gespeicherten Dateien der PWA.<\/li>\n\n<li><strong>Online-Funktionen<\/strong> wie eine <a href=\"https:\/\/0o5.de\/magazin\/glossar\/online-bestenliste\/\">Online-Bestenliste<\/a> oder Mehrspieler-R\u00e4ume brauchen weiterhin Internet.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"beispiele\">Progressive Web App (PWA) in Spielen auf Player 0o5<\/h2>\n\n\n\n<ul class=\"gl-games\"><li class=\"gl-game\"><a class=\"gl-game__img\" href=\"https:\/\/0o5.de\/magazin\/schach-online-195\/\" tabindex=\"-1\" aria-hidden=\"true\"><img src=\"https:\/\/0o5.de\/magazin\/wp-content\/uploads\/2026\/10\/schach-online-1-768x480.jpg\" alt=\"\" width=\"768\" height=\"480\" loading=\"lazy\" decoding=\"async\"><\/a><div class=\"gl-game__body\"><h3 class=\"gl-game__name\"><a href=\"https:\/\/0o5.de\/magazin\/schach-online-195\/\">Schach<\/a><\/h3><p><a href=\"https:\/\/0o5.de\/magazin\/schach-online-195\/\">Schach<\/a> l\u00e4sst sich auf dem Handy als App auf den Startbildschirm legen. Nach dem ersten Besuch spielst du gegen den Computer oder zu zweit an einem Ger\u00e4t auch offline; nur die Online-Tische brauchen Internet.<\/p><p class=\"gl-game__links\"><a class=\"gl-game__play\" href=\"https:\/\/0o5.de\/games\/brettspiele\/schach\/\" data-s05-cat=\"Glossar\" data-s05-ev=\"Spiel \u00f6ffnen|Schach\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5l12 7-12 7z\" fill=\"currentColor\"\/><\/svg><span>Schach spielen<\/span><\/a><a class=\"gl-game__guide\" href=\"https:\/\/0o5.de\/magazin\/schach-online-195\/\">Zum Guide<\/a><\/p><\/div><\/li><li class=\"gl-game\"><a class=\"gl-game__img\" href=\"https:\/\/0o5.de\/magazin\/horde-horden-shooter-210\/\" tabindex=\"-1\" aria-hidden=\"true\"><img src=\"https:\/\/0o5.de\/magazin\/wp-content\/uploads\/2026\/10\/horde-horden-shooter-1-768x480.jpg\" alt=\"\" width=\"768\" height=\"480\" loading=\"lazy\" decoding=\"async\"><\/a><div class=\"gl-game__body\"><h3 class=\"gl-game__name\"><a href=\"https:\/\/0o5.de\/magazin\/horde-horden-shooter-210\/\">Horde<\/a><\/h3><p><a href=\"https:\/\/0o5.de\/magazin\/horde-horden-shooter-210\/\">Horde<\/a> ist mit rund 0,3 MB sehr klein, weil Musik, Grafik und Ger\u00e4usche live erzeugt werden. Als App installiert l\u00e4uft es ohne Internet, nur das Eintragen in die Online-Bestenliste braucht eine Verbindung.<\/p><p class=\"gl-game__links\"><a class=\"gl-game__play\" href=\"https:\/\/0o5.de\/games\/action\/horde\/\" data-s05-cat=\"Glossar\" data-s05-ev=\"Spiel \u00f6ffnen|Horde\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5l12 7-12 7z\" fill=\"currentColor\"\/><\/svg><span>Horde spielen<\/span><\/a><a class=\"gl-game__guide\" href=\"https:\/\/0o5.de\/magazin\/horde-horden-shooter-210\/\">Zum Guide<\/a><\/p><\/div><\/li><li class=\"gl-game\"><a class=\"gl-game__img\" href=\"https:\/\/0o5.de\/magazin\/mittweida-stories-106\/\" tabindex=\"-1\" aria-hidden=\"true\"><img src=\"https:\/\/0o5.de\/magazin\/wp-content\/uploads\/2026\/10\/mittweida-stories-1-768x480.jpg\" alt=\"\" width=\"768\" height=\"480\" loading=\"lazy\" decoding=\"async\"><\/a><div class=\"gl-game__body\"><h3 class=\"gl-game__name\"><a href=\"https:\/\/0o5.de\/magazin\/mittweida-stories-106\/\">Mittweida Stories<\/a><\/h3><p><a href=\"https:\/\/0o5.de\/magazin\/mittweida-stories-106\/\">Mittweida Stories<\/a> ist mit rund 23 MB deutlich gr\u00f6\u00dfer, l\u00e4sst sich nach dem ersten Laden aber ebenfalls offline spielen. Die Spielst\u00e4nde bleiben in deinem Browser.<\/p><p class=\"gl-game__links\"><a class=\"gl-game__play\" href=\"https:\/\/0o5.de\/games\/action\/mittweidastories\/\" data-s05-cat=\"Glossar\" data-s05-ev=\"Spiel \u00f6ffnen|Mittweida Stories\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5l12 7-12 7z\" fill=\"currentColor\"\/><\/svg><span>Mittweida Stories spielen<\/span><\/a><a class=\"gl-game__guide\" href=\"https:\/\/0o5.de\/magazin\/mittweida-stories-106\/\">Zum Guide<\/a><\/p><\/div><\/li><li class=\"gl-game\"><a class=\"gl-game__img\" href=\"https:\/\/0o5.de\/magazin\/kernsturm-212\/\" tabindex=\"-1\" aria-hidden=\"true\"><img src=\"https:\/\/0o5.de\/magazin\/wp-content\/uploads\/2026\/10\/kernsturm-1-768x480.jpg\" alt=\"\" width=\"768\" height=\"480\" loading=\"lazy\" decoding=\"async\"><\/a><div class=\"gl-game__body\"><h3 class=\"gl-game__name\"><a href=\"https:\/\/0o5.de\/magazin\/kernsturm-212\/\">Kernsturm<\/a><\/h3><p><a href=\"https:\/\/0o5.de\/magazin\/kernsturm-212\/\">Kernsturm<\/a> kannst du als App auf dem Startbildschirm ablegen und dann offline spielen. \u201eOnline zu zweit\u201c und das Eintragen in die Bestenliste brauchen eine Verbindung.<\/p><p class=\"gl-game__links\"><a class=\"gl-game__play\" href=\"https:\/\/0o5.de\/games\/action\/kernsturm\/\" data-s05-cat=\"Glossar\" data-s05-ev=\"Spiel \u00f6ffnen|Kernsturm\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5l12 7-12 7z\" fill=\"currentColor\"\/><\/svg><span>Kernsturm spielen<\/span><\/a><a class=\"gl-game__guide\" href=\"https:\/\/0o5.de\/magazin\/kernsturm-212\/\">Zum Guide<\/a><\/p><\/div><\/li><li class=\"gl-game\"><a class=\"gl-game__img\" href=\"https:\/\/0o5.de\/magazin\/duum-z9001-276\/\" tabindex=\"-1\" aria-hidden=\"true\"><img src=\"https:\/\/0o5.de\/magazin\/wp-content\/uploads\/2026\/10\/duum-z9001-1-768x480.jpg\" alt=\"\" width=\"768\" height=\"480\" loading=\"lazy\" decoding=\"async\"><\/a><div class=\"gl-game__body\"><h3 class=\"gl-game__name\"><a href=\"https:\/\/0o5.de\/magazin\/duum-z9001-276\/\">Duum Z9001<\/a><\/h3><p>Nicht jede Spielseite ist eine PWA: <a href=\"https:\/\/0o5.de\/magazin\/duum-z9001-276\/\">Duum Z9001<\/a> l\u00e4sst sich nicht als App installieren. Ohne Internet spielst du es mit den Downloads am echten Rechner oder im <a href=\"https:\/\/0o5.de\/magazin\/glossar\/emulator\/\">Emulator<\/a>.<\/p><p class=\"gl-game__links\"><a class=\"gl-game__play\" href=\"https:\/\/0o5.de\/games\/z9001\/duum\/\" data-s05-cat=\"Glossar\" data-s05-ev=\"Spiel \u00f6ffnen|Duum Z9001\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5l12 7-12 7z\" fill=\"currentColor\"\/><\/svg><span>Duum Z9001 spielen<\/span><\/a><a class=\"gl-game__guide\" href=\"https:\/\/0o5.de\/magazin\/duum-z9001-276\/\">Zum Guide<\/a><\/p><\/div><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"anleitung\">So installierst du ein Browserspiel als App<\/h2>\n\n\n\n<ol class=\"wp-block-list gl-steps\">\n<li>\u00d6ffne das Spiel ganz normal im Browser und warte, bis es vollst\u00e4ndig geladen ist.<\/li>\n\n<li>Tippe auf das Men\u00fc des Browsers. Je nach Ger\u00e4t sind das drei Punkte, drei Striche oder das Teilen-Symbol.<\/li>\n\n<li>W\u00e4hle \u201eZum Startbildschirm hinzuf\u00fcgen\u201c oder \u201eApp installieren\u201c.<\/li>\n\n<li>Best\u00e4tige den vorgeschlagenen Namen. Das Spiel-Symbol erscheint auf dem Startbildschirm.<\/li>\n\n<li>Starte das Spiel k\u00fcnftig \u00fcber das Symbol. Es \u00f6ffnet sich im eigenen Fenster ohne Adressleiste.<\/li>\n\n<li>Willst du offline spielen, \u00f6ffne das Spiel einmal mit Internet. Ob es offline l\u00e4uft, steht im Guide zum Spiel.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">H\u00e4ufige Fragen zu Progressive Web App (PWA)<\/h2>\n\n\n\n<details class=\"wp-block-details mag-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>Was ist eine PWA einfach erkl\u00e4rt?<\/summary>\n<p class=\"wp-block-paragraph\">Eine PWA ist eine Webseite, die du wie eine App auf dem Startbildschirm ablegen kannst. Sie startet im eigenen Fenster und kann, wenn sie daf\u00fcr gebaut ist, auch ohne Internet laufen.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details mag-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>Ist eine PWA sicher?<\/summary>\n<p class=\"wp-block-paragraph\">Eine PWA l\u00e4uft im Browser mit denselben Schutzregeln wie jede Webseite und muss \u00fcber HTTPS ausgeliefert werden. Auf Ger\u00e4tefunktionen greift sie nur zu, wenn der Browser es erlaubt, oft erst nach deiner Zustimmung.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details mag-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>Funktioniert jede PWA offline?<\/summary>\n<p class=\"wp-block-paragraph\">Nein. Offline geht es nur, wenn ein Service Worker die n\u00f6tigen Dateien zwischenspeichert. Bestenlisten und Mehrspieler-R\u00e4ume brauchen immer eine Verbindung.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details mag-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>Wie entferne ich eine PWA wieder?<\/summary>\n<p class=\"wp-block-paragraph\">Wie eine normale App: Symbol lange dr\u00fccken und entfernen, am Computer \u00fcber das Men\u00fc des App-Fensters. Gespeicherte Spielst\u00e4nde l\u00f6schst du zus\u00e4tzlich \u00fcber die Website-Daten im Browser.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details mag-faq is-layout-flow wp-block-details-is-layout-flow\"><summary>Wie viel Speicher braucht eine PWA?<\/summary>\n<p class=\"wp-block-paragraph\">Meist wenig, denn gespeichert werden nur die Dateien der Seite und deine Daten. Horde auf Player 0o5 ist zum Beispiel nur rund 0,3 MB gro\u00df.<\/p>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"verwandte-begriffe\">Verwandte Begriffe<\/h2>\n\n\n\n<ul class=\"gl-rel\"><li><a href=\"https:\/\/0o5.de\/magazin\/glossar\/service-worker\/\"><small>Technik &amp; Plattform<\/small><b>Service Worker<\/b><span>Der unsichtbare Vermittler im Browser: Ein Service Worker speichert Dateien zwischen, damit Spiele auch ohne Internet starten.<\/span><\/a><\/li><li><a href=\"https:\/\/0o5.de\/magazin\/glossar\/local-storage\/\"><small>Technik &amp; Plattform<\/small><b>Local Storage<\/b><span>Der Merkzettel im Browser: Im Local Storage liegen Spielstand, Rekord und Einstellungen \u2013 nur auf deinem Ger\u00e4t.<\/span><\/a><\/li><li><a href=\"https:\/\/0o5.de\/magazin\/glossar\/browserspiel\/\"><small>Genres &amp; Spielarten<\/small><b>Browserspiel<\/b><span>Adresse \u00f6ffnen und losspielen: Was ein Browserspiel ist, welche Webtechnik dahintersteckt und was es von Apps und Progressive Web Apps unterscheidet.<\/span><\/a><\/li><li><a href=\"https:\/\/0o5.de\/magazin\/glossar\/offline-fortschritt\/\"><small>Fortschritt &amp; Wertung<\/small><b>Offline-Fortschritt<\/b><span>Offline-Fortschritt einfach erkl\u00e4rt: wie Idle-Spiele die Zeit nachrechnen, in der du weg warst, und warum es Drosselung und Obergrenzen gibt.<\/span><\/a><\/li><li><a href=\"https:\/\/0o5.de\/magazin\/glossar\/spielstand\/\"><small>Spielmechanik<\/small><b>Spielstand<\/b><span>Fortschritt sichern und sp\u00e4ter weiterspielen: Was ein Spielstand ist, wo Browserspiele ihn ablegen und wie du ihn auf ein anderes Ger\u00e4t mitnimmst.<\/span><\/a><\/li><\/ul>\n\n\n\n<p class=\"gl-back\"><a class=\"mag-btn mag-btn--ghost\" href=\"https:\/\/0o5.de\/magazin\/glossar\/\">\u2190 Alle 199 Begriffe im Spiele-Glossar<\/a><a class=\"mag-btn mag-btn--play\" href=\"https:\/\/0o5.de\/\" data-s05-cat=\"Glossar\" data-s05-ev=\"Zur Spieleseite|Progressive Web App (PWA)\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5l12 7-12 7z\" fill=\"currentColor\"\/><\/svg><span>Zu den Spielen<\/span><\/a><\/p>\n\n\n\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@graph\": [{\"@type\": \"DefinedTerm\", \"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#begriff\", \"name\": \"Progressive Web App (PWA)\", \"description\": \"Eine Progressive Web App (PWA) ist eine Webseite, die sich wie eine App verh\u00e4lt: Man kann sie auf dem Startbildschirm ablegen, im eigenen Fenster ohne Adressleiste starten und, wenn sie daf\u00fcr eingerichtet ist, auch ohne Internet nutzen.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/\", \"inLanguage\": \"de\", \"inDefinedTermSet\": {\"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/#glossar\"}, \"subjectOf\": {\"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#richSnippet\"}, \"alternateName\": [\"PWA\", \"Progressive Webanwendung\", \"Progressive Web Application\", \"Web-App\", \"installierbare Web-App\"], \"sameAs\": [\"https:\/\/de.wikipedia.org\/wiki\/Progressive_Webanwendung\", \"https:\/\/www.wikidata.org\/wiki\/Q23679990\"], \"image\": \"https:\/\/0o5.de\/magazin\/wp-content\/uploads\/2026\/10\/glossar-progressive-web-app-1.jpg\"}, {\"@type\": \"DefinedTermSet\", \"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/#glossar\", \"name\": \"Spiele-Glossar von Player 0o5\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/\", \"inLanguage\": \"de\", \"publisher\": {\"@id\": \"https:\/\/0o5.de\/magazin\/#organization\"}}, {\"@type\": \"WebPage\", \"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#webpage\", \"about\": {\"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#begriff\"}, \"mainEntity\": {\"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#begriff\"}, \"isPartOf\": {\"@id\": \"https:\/\/0o5.de\/magazin\/#website\"}, \"speakable\": {\"@type\": \"SpeakableSpecification\", \"cssSelector\": [\".gl-def__text\"]}, \"keywords\": \"pwa, pwa installieren, web app auf startbildschirm, progressive web app spiele, pwa offline, pwa oder app\", \"mentions\": [{\"@id\": \"https:\/\/0o5.de\/games\/brettspiele\/schach\/#spiel\"}, {\"@id\": \"https:\/\/0o5.de\/games\/action\/horde\/#spiel\"}, {\"@id\": \"https:\/\/0o5.de\/games\/action\/mittweidastories\/#spiel\"}, {\"@id\": \"https:\/\/0o5.de\/games\/action\/kernsturm\/#spiel\"}, {\"@id\": \"https:\/\/0o5.de\/games\/z9001\/duum\/#spiel\"}], \"relatedLink\": [\"https:\/\/0o5.de\/magazin\/glossar\/service-worker\/\", \"https:\/\/0o5.de\/magazin\/glossar\/local-storage\/\", \"https:\/\/0o5.de\/magazin\/glossar\/browserspiel\/\", \"https:\/\/0o5.de\/magazin\/glossar\/offline-fortschritt\/\", \"https:\/\/0o5.de\/magazin\/glossar\/spielstand\/\"]}, {\"@type\": \"FAQPage\", \"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#faq\", \"inLanguage\": \"de\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Was ist eine PWA einfach erkl\u00e4rt?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Eine PWA ist eine Webseite, die du wie eine App auf dem Startbildschirm ablegen kannst. Sie startet im eigenen Fenster und kann, wenn sie daf\u00fcr gebaut ist, auch ohne Internet laufen.\"}}, {\"@type\": \"Question\", \"name\": \"Ist eine PWA sicher?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Eine PWA l\u00e4uft im Browser mit denselben Schutzregeln wie jede Webseite und muss \u00fcber HTTPS ausgeliefert werden. Auf Ger\u00e4tefunktionen greift sie nur zu, wenn der Browser es erlaubt, oft erst nach deiner Zustimmung.\"}}, {\"@type\": \"Question\", \"name\": \"Funktioniert jede PWA offline?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Nein. Offline geht es nur, wenn ein Service Worker die n\u00f6tigen Dateien zwischenspeichert. Bestenlisten und Mehrspieler-R\u00e4ume brauchen immer eine Verbindung.\"}}, {\"@type\": \"Question\", \"name\": \"Wie entferne ich eine PWA wieder?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Wie eine normale App: Symbol lange dr\u00fccken und entfernen, am Computer \u00fcber das Men\u00fc des App-Fensters. Gespeicherte Spielst\u00e4nde l\u00f6schst du zus\u00e4tzlich \u00fcber die Website-Daten im Browser.\"}}, {\"@type\": \"Question\", \"name\": \"Wie viel Speicher braucht eine PWA?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Meist wenig, denn gespeichert werden nur die Dateien der Seite und deine Daten. Horde auf Player 0o5 ist zum Beispiel nur rund 0,3 MB gro\u00df.\"}}]}, {\"@type\": \"HowTo\", \"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\", \"name\": \"So installierst du ein Browserspiel als App\", \"inLanguage\": \"de\", \"about\": {\"@id\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#begriff\"}, \"step\": [{\"@type\": \"HowToStep\", \"position\": 1, \"text\": \"\u00d6ffne das Spiel ganz normal im Browser und warte, bis es vollst\u00e4ndig geladen ist.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\"}, {\"@type\": \"HowToStep\", \"position\": 2, \"text\": \"Tippe auf das Men\u00fc des Browsers. Je nach Ger\u00e4t sind das drei Punkte, drei Striche oder das Teilen-Symbol.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\"}, {\"@type\": \"HowToStep\", \"position\": 3, \"text\": \"W\u00e4hle \u201eZum Startbildschirm hinzuf\u00fcgen\u201c oder \u201eApp installieren\u201c.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\"}, {\"@type\": \"HowToStep\", \"position\": 4, \"text\": \"Best\u00e4tige den vorgeschlagenen Namen. Das Spiel-Symbol erscheint auf dem Startbildschirm.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\"}, {\"@type\": \"HowToStep\", \"position\": 5, \"text\": \"Starte das Spiel k\u00fcnftig \u00fcber das Symbol. Es \u00f6ffnet sich im eigenen Fenster ohne Adressleiste.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\"}, {\"@type\": \"HowToStep\", \"position\": 6, \"text\": \"Willst du offline spielen, \u00f6ffne das Spiel einmal mit Internet. Ob es offline l\u00e4uft, steht im Guide zum Spiel.\", \"url\": \"https:\/\/0o5.de\/magazin\/glossar\/progressive-web-app\/#anleitung\"}]}]}<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Webseite oder App? Eine PWA ist beides: Sie l\u00e4uft im Browser, l\u00e4sst sich aber auf den Startbildschirm legen und oft offline nutzen.<\/p>\n","protected":false},"author":1,"featured_media":228,"parent":42,"menu_order":131,"comment_status":"closed","ping_status":"closed","template":"glossar-begriff","meta":{"footnotes":""},"class_list":["post-375","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/pages\/375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":2,"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/pages\/375\/revisions"}],"predecessor-version":[{"id":837,"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/pages\/375\/revisions\/837"}],"up":[{"embeddable":true,"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/pages\/42"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/0o5.de\/magazin\/wp-json\/wp\/v2\/media?parent=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}