Каждый месяц Mynet предоставляет более 34 миллионам посетителей своего сайта новостной, видео, игровой, финансовый, информационно-развлекательный контент и услуги. После запуска прогрессивного веб-приложения (PWA), использующего для контента ускоренные мобильные страницы (AMP), среднее время загрузки страниц сократилось в 4 раза. Кроме того, у Mynet наблюдался значительный рост вовлеченности пользователей: среднее время, проведенное на их мобильном сайте, выросло на 43%.
- Увеличение дохода на 25 % за просмотр страницы статьи.
- Средняя скорость загрузки страниц в 4 раза выше
- Среднее время на сайте на 43 % дольше.
- На 34% больше просмотров страниц за сеанс
- На 24 % ниже показатель отказов
Испытание
Поскольку более 85% мобильного трафика приходится на мобильный Интернет, мобильный веб-сайт Mynet является неотъемлемой частью их стратегии. Однако они заметили, что пользователи проводят на мобильном сайте в 2 раза меньше времени, чем пользователи родного приложения. Когда Mynet проанализировала поведение пользователей на своем мобильном сайте, стало ясно, что их работа в мобильном Интернете работает слишком медленно. Mynet нужно было создать чрезвычайно быстрый и привлекательный мобильный веб-сайт, аналогичный тому, чего они могли достичь с помощью собственного приложения.
Решение
Чтобы одновременно стимулировать трафик и повторное вовлечение, Mynet запустила PWA, которое использует AMP для обеспечения быстрой работы в мобильном Интернете, подобной приложению. Благодаря такой настройке страницы статей загружались в четыре раза быстрее по сравнению со старым мобильным сайтом. Это привело к соответствующему снижению показателя отказов на 24%. Mynet также заметила корреляцию между скоростью и вовлеченностью: пользователи стали проводить на сайте на 43% больше времени. Они также отметили увеличение количества просмотров страниц на 34% за сеанс. Все это было реализовано в несколько этапов:
Начинаем быстро с AMP
Mynet сначала создала поддержку своих статей в виде отдельных AMP-страниц. Это позволило им показывать результаты в карусели AMP в результатах поиска Google. Это также позволило им обеспечить выдающуюся производительность загрузки страниц для пользователей, просматривающих контент в мобильном Интернете, что критически важно в ограниченных или нестабильных сетях. Запуск отдельных страниц AMP не был большой проблемой для их системы CMS, и для запуска всего контента статей в AMP потребовалось всего две недели.
Чтобы гарантировать, что реклама подается как можно быстрее и эффективнее, Mynet запустила AMP Ads. Эти объявления загружаются в два раза быстрее, чем стандартные объявления, при этом рейтинг кликов (CTR) и доход увеличиваются до 30%.
Оставайтесь быстрыми и возобновляйте взаимодействие с PWA
Затем Mynet захотела улучшить свой мобильный веб-сайт, поэтому они создали отдельную бета-версию своего мобильного сайта с использованием технологий PWA. Они обратились к этим технологиям, чтобы обеспечить более захватывающий пользовательский интерфейс (UX), похожий на приложение, вместо минимального обновления основного сайта. В частности, они воспользовались сервисными работниками для обеспечения надежной работы в нестабильных сетях, а также пользовательской подсказкой «Добавить на главный экран» и push-уведомлениями для повторного взаимодействия. Они создали лучший в своем классе PWA с оценкой производительности Lighthouse 95/100. (Lighthouse — это автоматизированный инструмент для улучшения качества веб-страниц, который можно использовать на любой странице в Интернете.)
AMP и PWA лучше работают вместе
После тестирования AMP и PWA как отдельных версий и оптимизации их производительности компания Mynet была готова перейти к последнему этапу создания единого решения для своего мобильного веб-сайта. Размещение страниц с контентом AMP внутри PWA позволило объединить скорость и удобство использования их нового мобильного сайта. После запуска объединенного сайта AMP/PWA Mynet вдвое сократила количество веб-версий — мобильных и настольных, уменьшив количество реализаций, необходимых для поддержки и улучшения кода.
Зачем использовать комбинированное решение AMP/PWA? AMP обеспечивает выдающуюся производительность загрузки первой страницы в мобильном Интернете, а PWA делают повторные посещения быстрыми и надежными. Благодаря подсказке «Добавить на главный экран» и push-уведомлениям PWA также позволяют сайтам увеличивать повторное вовлечение своих пользователей. В совокупности эта стратегия позволяет Mynet предоставлять высококачественные услуги при первом или повторном посещении, независимо от состояния сети.
Примерно 30% посетителей мобильного веб-сайта Mynet используют устройства iOS. В Mynet наблюдалось увеличение среднего количества просмотров страниц за сеанс на 15 % и снижение показателя отказов на 23 % на iOS — и все это несмотря на то, что «Добавить на главный экран», Push-уведомления и автономное кэширование были недоступны из-за отсутствия поддержки сервис-воркеров в iOS. Это увеличение вовлеченности стало результатом улучшения скорости и пользовательского интерфейса (UI), обеспечиваемого PWA на основе AMP.
Общий эффект от использования AMP в PWA — увеличение дохода от рекламы на 25 % за просмотр страницы статьи.
Снова уделив внимание скорости, мы решили интегрировать AMP и создать прогрессивное веб-приложение. AMP сыграл важную роль в сокращении количества отказов от страниц, и теперь мы видим, что страницы AMP загружаются в четыре раза быстрее. Создав PWA, мы добились паритета функций с нашим приложением, и теперь пользователи проводят на нашем сайте на 43% больше времени и чаще повторно взаимодействуют с ним.
М. Фуат Секер, менеджер по развитию бизнеса и группе продуктов, Mynet
Дополнительные результаты
- Время загрузки в 2 раза быстрее с помощью AMP-объявлений
- CTR и доход на 30 % выше благодаря AMP-объявлениям
- Среднее количество просмотров страниц за сеанс на iOS увеличилось на 15 %.
- На 23 % ниже показатель отказов в iOS