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