---
title: Прогрессивные веб-приложения
slug: Web/Progressive_web_apps
tags:
  - Веб-приложения
  - Приложения
  - Прогрессивные веб-приложения
translation_of: Web/Progressive_web_apps
---
<p class="summary">Прогрессивные веб-приложения используют современные веб-API вкупе со стратегией прогрессивного улучшения для создания кросс-платформенных приложений. Такие приложения запускаются везде и обладают рядом характеристик, обеспечивающих пользователей преимуществами, аналогичными тем, что доступны в нативных решениях.</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>Заметные</strong></a></p>

<p style="width: 70%;">Приложения замечаются поисковыми системами.</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">Продвинутые</a></strong></p>

<p style="width: 70%;">Доступные на любых устройствах без нужды в магазине приложений.</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">Доступные</a></strong></p>

<p style="width: 70%;">Легко поделиться ими через ссылку.</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">Независимые</a></strong></p>

<p style="width: 70%;">Работают в офлайне или на низкоскоростных соединениях.</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">Передовые</a></strong></p>

<p style="width: 70%;">Работают для любого пользователя.</p>
</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">Отзывчивые</a></strong></p>

<p style="width: 70%;">Помещаются на любой экран: настольный компьютер, смартфон, планшет и т.д.</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">Безопасные</a></strong></p>

<p style="width: 70%;">Специальный способ переноса данных предотвращает кражу информации.</p>
</div>

<p> </p>

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

<p> </p>
</div>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li><a href="https://developers.google.com/web/progressive-web-apps">Передовые веб-приложения (англ.)</a> на Google Developers</li>
</ul>