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