---
title: Progressive Web-Apps
slug: Web/Progressive_web_apps
translation_of: Web/Progressive_web_apps
---
<p class="summary">Progressive Webanwendungen sind einfach Webseiten wie eh und je, nur besser.<strong> In einem modernen Webbrowser zeigen sie ihre Superkräft und werden </strong>…</p>

<div class="column-container">
<div class="column-1"></div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12654/discoverable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><a href="/en-US/docs/Web/Apps/Modern/Discoverable"><strong>Auffindbar</strong></a></p>

<p style="width: 70%;">Als Anwendung erkennbar, mit Suchmaschinen auffindbar.</p>
</div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12656/installable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Installable">Installierbar</a></strong></p>

<p style="width: 70%;">Auf Geräten verfügbar, auf dem Homescreen - ohne die Hürden von App Stores.</p>
</div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12658/linkable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Linkable">Verlinkbar</a></strong></p>

<p style="width: 70%;">Einfach per URL zu teilen, ohne schwierige Installation.</p>
</div>

<div class="column-1"></div>
</div>

<div class="column-container">
<div class="column-1"></div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12660/network-independent.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Network_independent">Netzwerk unabhängig</a></strong></p>

<p style="width: 70%;">Funktioniert offline und bei schlechtem Empfang.</p>
</div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12662/progressive.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Progressive">Progressiv</a></strong></p>

<p style="width: 70%;">Funktioniert für jeden, egal mit welchem Webbrowser.</p>
</div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12666/re-engageable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Re-engageable">Nutzer bindend</a></strong></p>

<p style="width: 70%;">Macht Nutzerbindung durch Benachrichtigungen einfach, auch wenn der Nutzer gerade nicht hinschaut.</p>
</div>

<div class="column-1"></div>
</div>

<div class="column-container">
<div class="column-1"></div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12650/responsive.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Responsive">Responsiv</a></strong></p>

<p style="width: 70%;">Passt auf jeden Bildschirm: Desktop, Handy, Tablet oder was  kommen wird.</p>
</div>

<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12664/safe.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Safe">Sicher</a></strong></p>

<p style="width: 70%;">Sichere Verbindungen verhindern Datendiebstahl und garantieren Integrität.</p>
</div>

<div class="column-1"></div>
</div>

<h2 id="See_also">See also</h2>

<ul>
 <li><a href="https://developers.google.com/web/progressive-web-apps">Progressive Web-Apps</a> bei Google Developers</li>
 <li class="graf--h3 graf--first" id="4c45"><a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh">Progressive Web Apps: Escaping Tabs Without Losing Our Soul</a> von Alex Russell</li>
</ul>