Прогрессивные веб приложения (progressive web app) это обычные веб приложения которые используя современные веб технологии добиваются следующих целей:

1) Надежность. Когда пользователь загружает приложение со своего домашнего экрана, то оно загружается сразу внезависимости от наличия сети. Это происходит благодаря Service worker, который является клиентским прокси и контролирует запросы между приложением и сервером, и приложение становится доступным даже оффлайн.

2) Быстрая загрузка. DoubleClick by Google обнаружил, что по 53% посещений мобильных сайтов были отказы если страницы грузилась дольше 3-х секунд.

3) Вовлечение. PWA может быть инсталирован на десктоп или домашний экран мобильное телефона и запускаться отдельно от браузера. Самый запоминающийся мне пример это Espruino IDE. Данная функция возможна при объявлении Web App Manifest файла в хидере приложения, который позволяет контролировать отображение и запуск приложения: задать иконки для дом.экрана, страницу для загрузки когда приложение стартует, ориентацию экрана. Также для целей вовлечения используется web push notifications, а их умное использование позволяет увеличить вовлеченность аудитории до 4х раз.

PWA позволяют получить app-like expirience (опыт использования) нативного приложения.

Итак, почему стоит все-таки разрабатывать PWA сайт?

  • Стоит того, чтобы быть на домашнем экране пользователя
  • Надежная работа в независимости от сети или оффлайн
  • Увеличивается вовлеченность

Кейс eXtra Electronics: Web push notifications помогли eXtra Electronics увеличить вовлеченность в 4 раза и эти пользователи в 2 раза больше проводили времени на сайте.

  • Увеличиение конверсии
    Кейс Aliexpress: переход на pwa улучшил конверсию на 104% на всех браузерах и  на iOS 82% .

В следующей статье мы разберем все аспекты того, как мигрировать  сайт на PWA, какие технологии применить, а от каких отказаться.

Ставьте лайк в ВК и делайте репост в Twitter  и FB, если вам понравилась статья, и вы хотите продолжения.