PWA

Приложение «PWA» автоматически создаёт на основе вашего сайта мобильное и десктопное приложение по технологии Progressive Web App (PWA).

PWA устанавливается на устройства пользователей напрямую из браузера или из магазинов приложений (Google Play, App Store, Microsoft Store).

PWA может быть как дополнением к нативному приложению (APK), так и полноценной альтернативой — в зависимости от ваших целей и бизнес-задач.

Что даёт PWA:

Генератор мобильного приложения. Превращает сайт в приложение, которое можно установить на устройство.

Push-уведомления. Отправка уведомлений в браузер пользователя.

Ускорение сайта. Кеширование страниц, изображений, видео, аудио, шрифтов, JS и CSS. Поддержка островной архитектуры (Island Architecture): статические блоки загружаются мгновенно, динамический контент подгружается с сервера.

Все три функции можно использовать как вместе, так и по отдельности.

Преимущества PWA перед нативным приложением (APK):

Цена. Разработка PWA значительно дешевле.

Поддержка. PWA работает на всех платформах и не требует отдельной разработки для Android, iOS и Windows.

Управление. Не нужна отдельная панель управления. Обновление происходит автоматически при обновлении сайта.

Установка. Устанавливается в один клик из браузера, без загрузки из магазинов приложений. Это позволяет избежать ограничений и комиссий магазинов.

Продвижение. Не требует отдельного продвижения — индексируется как обычный сайт.

Размер. PWA занимает в среднем около 1 МБ, APK — 300 МБ.

Недостатки PWA перед APK:

Ограниченный доступ к устройству. PWA не имеет доступа к контактам, календарю, Bluetooth, NFC, Face ID и Touch ID.

Производительность. У нативных приложений производительность выше.

Ключевые возможности:

Иконка на устройстве. Повышает узнаваемость бренда и служит дополнительной рекламой.

Push-уведомления. Общение с клиентами: статусы заказов, новости, акции.

Скорость загрузки. Кеширование HTML, CSS, JS, изображений, шрифтов, видео и аудио ускоряет загрузку до ~1 секунды.

Офлайн-режим. Работа без интернета. Можно настроить страницу резервного ответа с контактами.

UI/UX. Элементы интерфейса как в нативном приложении — повышает удобство по сравнению с мобильной версией сайта.

Всё это повышает конверсию, возврат клиентов, количество заказов и вовлечённость.

Истории успеха:

Tinder — сократил время загрузки с 11,91 до 4,69 с. Приложение на 90% меньше APK. ( источник )

Petlove — рост конверсии в 2,8 раза, времени на сайте — в 2,8 раза. ( источник )

Trivago — на 150% больше установок на главный экран, +97% к кликам по предложениям отелей. ( источник )

AliExpress — +104% к конверсии новых пользователей, в 2 раза больше просмотров страниц, +74% времени на сеанс. ( источник )

Alibaba — +76% к конверсии в мобильном трафике. ( источник )

Особенности приложения «PWA»:

5 стратегий кеширования с раздельной настройкой для каждого типа ресурсов.

Предварительное кеширование для создания офлайн-приложений и островной архитектуры. Пример : сайдбар загружается мгновенно, контент подгружается с сервера.

Мультивитринность. Отдельное PWA-приложение для каждой витрины.

На iOS браузерные подсказки для установки пока не поддерживаются. Установка возможна через меню «Поделиться» → «Добавить на главный экран» или через App Store.

Доступные функции:

Push-уведомления

Кеширование

Предварительное кеширование

Работа в офлайн-режиме

Публикация в магазинах приложений: Microsoft Store, Google Play, App Store и Meta. Подробнее...

Установка из браузера

Фоновое обновление приложения

Google Analytics в автономном режиме (в разработке)

Создавайте любое количество уведомлений с настройкой заголовка, текста, иконки, изображения, кнопок и ссылки для перехода.

Push-уведомления отправляются в приложение или браузер пользователям, которые дали на это разрешение. Для сбора разрешений в приложении есть готовые инструменты — кнопки, виджеты и всплывающие окна.

*Для отправки push-уведомлений требуется PHP-расширение GMP (GNU Multiple Precision) . На большинстве серверов оно уже установлено, но может быть закомментировано в php.ini.

Требования для работы:

Адаптивный дизайн сайта.

Протокол HTTPS.

Современный браузер с поддержкой Service Worker (PWA не работает в IE).

Отсутствие сторонних Service Worker в теме или плагинах.

Техническая поддержка:

Техническая поддержка оказывается по адресу: startwebsite@mail.ru

Время работы (по московскому времени): 10:00 - 18:00 Пн-Пт в рабочие дни РФ

Техническая поддержка включает: консультации по настройке, ответы на вопросы по работе плагина, настройка плагина по вашему заданию

Будем рады услышать ваши: пожелания, идеи, замечания по работе плагина