Мировой опыт внедрения PWA

В 2016 году мобильный трафик на сайте Lancôme превысил трафик с десктопов. При этом процент конверсии «Корзин» в покупки на мобильных устройствах был в 2,5 раза ниже: 15 % против 38 % с десктопов. Выяснилось, что пользователи смартфонов и планшетов сталкиваются с препятствиями в процессе покупки и бросают «Корзину».

Нативное приложение не решало проблему: оно было нужно только тем пользователям, которые постоянно совершают покупки в Lancôme.

Технология PWA позволила Lancôme создать приложение, которое погружает пользователя в процесс выбора и покупки.

После переработки на 84 % уменьшилось время до того, как страница станет интерактивной, что на 15 % снизило количество отказов. Продолжительность мобильных сессий выросла более чем на 50 %, конверсия — на 17 %.

Ключевая аудитория для Lancôme — пользователи iPhone, которые составляют 65 % мобильной аудитории. Длительность их сессий увеличилась на 53 %, процент отказов уменьшился на 10 %, даже несмотря на то, что на момент разработки PWA Lancôme iOS не поддерживала многие функции PWA.

На Android-устройствах, которые поддерживают push-уведомления, добавление на экран и другие интерактивные технологии возврата пользователей, удалось повысить возврат к «Корзинам».

В январе 2017 Forbes радикально обновил сайт и разработал для мобильных пользователей PWA-версию. Сайт и приложение работали параллельно, предлагая мобильным пользователям один и тот же контент. Это позволило сравнить реальную эффективность PWA.

Forbes убрал из приложения рекламу и лишние переходы, облегчив навигацию и чтение. В результате время загрузки страницы в PWA снизилось до 2,5 сек. против 6,5 сек. на мобильном сайте, размер страницы уменьшился до 300 Кбайт против 3 Мбайт на мобильном сайте. Пользователи проводят в PWA на 40 % больше времени и в среднем просматривают на 15 % больше страниц за сессию. На 20 % уменьшилось число пользователей, которые читают за сессию менее четверти статьи.

Uber разработал одностраничное PWA с рекордно низким размером загружаемого ядра — всего 50 Кбайт. Оно загружается на устройство за секунды даже на скорости 2G, выглядит как привычное нативное приложение и работает без задержек даже на недорогих и медленных устройствах.

Pinterest переработал свой мобильный сайт и разработал PWA с загружаемым ядром весом в 150 Кбайт. Время до интерактивности снизилось в 4 раза — до 5,6 сек., а при повторных посещениях — до 3,9 сек. Время до первого значимого отображения уменьшилось в 2,3 раза — до 1,8 сек.

Впоследствии в PWA Pinterest появилась поддержка push-уведомлений, улучшилось юзабилити для неавторизованных пользователей.