Прогрессивные веб-приложения (PWA) — это веб-приложения, созданные и улучшенные с использованием современных API, которые предоставляют расширенные возможности, при этом оставаясь доступными любому пользователю на любом устройстве с единой кодовой базой. Они сочетают в себе широкий охват веб-приложений с богатыми возможностями платформенно-зависимых приложений, улучшая пользовательский опыт.
Три столпа проектирования PWA
Чтобы создать PWA, который будет так же удобен в использовании, как и платформенно-зависимое приложение, необходимо спроектировать его функциональным, надежным и простым в установке.
Способный
Веб-приложения сегодня обладают более широкими возможностями, чем когда-либо, и эти возможности только растут. В последнее время веб-программное обеспечение начало развивать возможности, которые ранее были доступны только платформенно-зависимым приложениям. Например, теперь можно создать приложение для гиперлокального видеочата, использующее WebRTC, геолокацию и push-уведомления, а затем сделать это приложение устанавливаемым и использовать WebGL и WebVR для переноса общения в виртуальную реальность. Появление WebAssembly позволяет разработчикам использовать другие экосистемы, такие как C, C++ и Rust, и перенести в веб десятилетия функций, ранее специфичных для платформ. Отличным примером того, как разработчики используют новые возможности веба, является Squoosh.app — веб-компрессор изображений.
Хотя некоторые возможности всё ещё недоступны для интернета, новые и разрабатываемые API постоянно расширяют возможности интернета, предлагая такие функции, как доступ к файловой системе, управление мультимедиа, маркировка приложений и полная поддержка буфера обмена. Все эти возможности основаны на безопасной, ориентированной на пользователя модели разрешений, что обеспечивает безопасность пользователя и делает использование новых веб-сайтов менее пугающим.
Надежный
Надёжное прогрессивное веб-приложение работает быстро и надёжно независимо от сети. Пользователи заслуживают приложения, которые быстро реагируют на взаимодействие и на которые можно положиться.
Скорость критически важна для того, чтобы пользователи воспользовались вашим приложением. Фактически, при увеличении времени загрузки страницы с одной до 10 секунд вероятность отказа пользователя возрастает на 123% . Проблемы производительности влияют на весь пользовательский опыт, а не только на событие onload . Надёжный интерфейс никогда не оставляет пользователей в сомнениях, было ли зафиксировано какое-либо взаимодействие с приложением. Прокрутка и анимация должны быть плавными. Пользователям важно, чтобы ваше приложение работало хорошо, так же как и то, чтобы оно действительно работало хорошо.
Надёжные приложения также должны быть работоспособны независимо от сетевого подключения. Пользователи ожидают, что приложения будут быстро загружаться при медленном или нестабильном сетевом соединении, а также в автономном режиме. Они ожидают, что последний контент, с которым они взаимодействовали, такой как медиатреки, билеты и маршруты, будет доступен и доступен для использования, даже если у приложения возникнут проблемы с отправкой запросов на сервер. Когда запрос невозможен, они ожидают, что приложение сообщит им о проблеме, а не будет молча давать сбой или аварийно завершать работу.
Устанавливаемый
Возможность установки PWA позволяет перенести его из браузера в отдельное окно, что меняет восприятие и взаимодействие пользователей с ним. Установленные PWA можно запускать с главного экрана, панели задач, панели задач или полки. Пользователь может искать их на устройстве и переключаться между ними с помощью переключателя приложений, создавая ощущение, что они являются частью устройства, на котором установлены.
Установка PWA также открывает доступ к новым возможностям, включая сочетания клавиш, которые обычно зарезервированы в браузере. PWA также могут регистрироваться для приема контента из других приложений или быть приложением по умолчанию для обработки определённых типов файлов.
Получите результаты от PWA
Запуск PWA не только улучшает пользовательский опыт. Он также улучшает ваши показатели и повышает ценность вашего сервиса. Вот несколько ярких примеров:
- Благодаря PWA от Twitter количество просмотренных страниц за сеанс увеличилось на 65%, количество твитов увеличилось на 75%, а показатель отказов снизился на 20%, при этом размер приложения сократился более чем на 97%.
- После перехода на PWA Nikkei увидел в 2,3 раза больше органического трафика, на 58% больше подписок и на 49% больше ежедневно активных пользователей.
- Hulu заменила свой платформенно-зависимый десктопный интерфейс на PWA и отметила рост повторных посещений на 27%.
Дополнительную информацию о преимуществах использования PWA см. в статье Как прогрессивные веб-приложения могут способствовать успеху бизнеса .