Разработчики WordPress продолжают внедрять поддержку Progressive Web Apps (PWA) в ядро системы. Новый плагин PWA уже доступен на WordPress.org, авторы — XWP, Google, и Automattic.
Progressive Web Apps (Прогрессивные веб приложения) — это приложения, которые работают через веб внутри браузера, но при этом выглядят и ведут себя как нативные приложения. Google акцентирует три основных особенности PWA:
- Надежность – мгновенная загрузка и никаких сообщений об ошибке даже при нестабильном соединении
- Скорость – высокая отзывчивость, плавная анимация и никакого тупого скроллинга
- Привлекательность – сайт ощущается как нативное приложение для платформы с продуманным интерфейсом
Плагин добавляет сайту поддержку технологий, которые требуются для реализации PWA, таких как Service Workers, Web App Manifest, и HTTPS. Эти технологии поддерживают фоновую загрузку, доступность контента сайта при отсутствии интернета, push-уведомления, создание иконки приложения для домашнего экрана и другие особенности реализации PWA.
По словам CTO компании XWP Вестона Рутера, основная цель создания плагина — способствовать внедрению возможностей PWA в ядро WordPress. В планах постепенное их объединение шаг за шагом. Добавление поддержки web app manifests и service workers, а также усовершенствование работы с протоколом HTTPS уже находится в активной стадии.
Данный плагин также должен улучшить поддержку других плагинов, которые реализуют функционал технологии PWA для WordPress сайта. То есть при наличии дополнительных PWA плагинов и тем не должно быть конфликтов с нашим плагином, заявляет Рутер.
Первая версия плагина, доступная уже на WordPress.org (0.1.0), добавляет поддержку web app manifest и дает возможность разработчикам тем и плагинов регистрировать скрипты для сервис воркеров через wp_register_service_worker(). Она также включает API для обнаружения доступности HTTPS.
Следующим шагом для сервис воркеров а PWA плагине будет интеграция библиотеки Workbox для обеспечения декларативной абстракции PHP в WordPress для управления стратегиями кэширования роутов, с поддержкой обнаружения конфликтов.
Раньше подобные возможности могли обеспечить себе только те сайты, которые имели отдельные нативные приложения для каждой платформы, но разработка и поддержка приложения связана со значительными затратами. Прогрессивные же веб приложения используют универсальные веб-технологии как платформу, что дает им высокую совместимость и скорость развертывания. Они делают контент доступным на мобильных устройствах даже при отсутствии соединения. Кроме того, проще нажать на иконку на экране, чем вводить адрес сайта в браузере, и это также должно повысить лояльность посетителей сайта.
Сайт PWA Stats приводит статистику успешных случаев внедрения технологии PWA, в которых значительно выросла производительность. вовлечение пользователя и конверсия. Вот некоторые примеры:
- Tinder сократил время загрузки с 11.91 секунд 4.69 секунд с технологией PWA. Их PWA на 90% меньше, чем нативное приложение Tinder для Андроид.
- Курорт Grand Velas Riviera Maya увеличил конверсию на распродаже к Черной Пятнице на 53% благодаря скорости и активации Push-уведомлений.
- Сервис сравнения отелей Trivago увеличил на 150% количество пользователей, которые добавили их PWA к себе на домашний экран. Это привело к росту на 97% количества кликов на предложения отелей. Их клиенты продолжают пользоваться приложением даже при отсутствии подключения к сети.
- Pinterest трансформировал свой мобильный сайт в PWA, и вовлеченность пользователей выросла на 60%. Также нa 44% выросли доходы от рекламы, генерируемой пользователями, и время, проведенное на сайте, выросло на 40%.
Поддержка PWA в WordPress улучшит экосистему плагинов и тем и сделает взаимодействие с сайтом для пользователя более удобным.
