Mynet ускоряет работу в мобильном Интернете в 4 раза, увеличивая доход на 25 % благодаря PWA на базе AMP.

Подробности MyNet

Каждый месяц 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