Прогрессивные веб приложения (Progressive Web Apps (PWAs))

Прогрессивные веб приложения (Progressive Web Apps (PWAs))

Прогрессивные веб приложения (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, если вам понравилась статья, и вы хотите продолжения.