Влияние Core Web Vitals на бизнес

Эта статья поможет вам понять, как Core Web Vitals коррелирует с ключевыми бизнес-показателями, изучая примеры компаний, которые уже заметили положительное влияние на своих пользователей и бизнес.

Саураб Раджпал

Света Гопалакришнан

Вы изо всех сил пытаетесь убедить своих заинтересованных лиц принять Core Web Vitals ? Или вам интересно, действительно ли это поможет вашему бизнесу? Эта статья поможет вам понять, как основные веб-показатели коррелируют с ключевыми бизнес-показателями, изучая примеры компаний, которые уже ощутили положительное влияние на своих пользователей и бизнес.

Если вы предпочитаете видео, посмотрите этот доклад на Google I/O:

Почему Core Web Vitals важны для ваших пользователей и бизнеса

Различные заинтересованные стороны в организации могут иметь разные приоритеты. Core Web Vitals может объединить их все на одной странице, сосредоточив внимание на оптимизации показателей, ориентированных на пользователя, и, как следствие, на росте бизнеса.

Путь к хорошим основным веб-показателям может варьироваться от сайта к сайту в зависимости от того, на каком этапе пути к производительности они находятся и насколько сложен дизайн сайта. Это может варьироваться от схватывания легко висящих плодов до получения значимых результатов; к внедрению комплексных решений, устраняющих сложные проблемы. Независимо от количества затраченного времени, лица, принимающие решения, должны относиться к этому как к долгосрочным инвестициям в рост своего бизнеса. Обеспечение быстрой и бесперебойной навигации радует пользователей и помогает превратить их в лояльных и постоянных клиентов. Для менеджеров по продукту производительность должна быть важным критерием, определяющим качество и успех новых функций продукта. А превосходство продуктов и работа над интересными задачами также повышают удовлетворенность разработчиков.

Хотя Core Web Vitals в качестве сигнала ранжирования дает дополнительную мотивацию инвестировать время в повышение производительности, внедрение Core Web Vitals имеет множество других краткосрочных и долгосрочных преимуществ, помимо рейтинга. Давайте рассмотрим несколько тематических исследований глобальных и местных брендов, которые внедрили Core Web Vitals (до того, как это повлияло на рейтинг) из-за его ориентации на пользовательский опыт.

Тематические исследования

Водафон

Vodafone (Италия) улучшил LCP на 31% и увеличил продажи на 8% .

Техники

• Серверная часть Рендеринг критического HTML.
• Уменьшите блокировку рендеринга Javascript.
• Методы оптимизации изображений.
• Изменить размер изображения героя; отложить некритические ресурсы.

Ключевые выводы

• A/B-тестирование — лучший способ измерить значимое влияние.
• A/B должен быть серверным.

я готовлю

iCook улучшил CLS на 15 % и увеличил доход от рекламы на 10 %.

Техники

• Меньше различий в размерах рекламных блоков и рекламных местах фиксированного размера, предварительно выделенных в пользовательском интерфейсе.
• Оптимизирована логика загрузки рекламных сценариев для определения приоритета ставок в заголовке и отсрочки некритического JS.

Ключевые выводы

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

Токопедия

Tokopedia улучшила LCP на 55% и увеличила среднюю продолжительность сеанса на 23%.

Техники

• Элемент LCP серверной визуализации (SSR).
• Предварительная загрузка элемента LCP.
• Оптимизация изображений (сжатие, WebP, отложенная загрузка некритических изображений).

Ключевые выводы

• Создана панель мониторинга производительности, позволяющая отслеживать прогресс и влияние команд.
• Экспериментировал с различными методами рендеринга (например, элемент SSR LCP, SSR над содержимым сгиба и полный рендеринг на стороне клиента).

Редбус

Исправления Core Web Vitals способствовали повышению коэффициента мобильной конверсии (mCVR) на 80–100 % и значительному повышению рейтинга доменов на глобальном рынке Redbus.

Техники

• Исправление слотов для компонентов страницы и удаление неоптимизированных скриптов вставки тегов улучшили CLS .
• Оптимизация сторонних скриптов и создание микросервисов по принципу единой ответственности значительно сократили TTI и TBT.

Ключевые выводы

• Снижение CLS с 1,65 до 0 значительно повысило рейтинг их доменов во всем мире.
• Сокращение TTI примерно с 8 с примерно до 4 с и TBT примерно с 1200 мс до примерно 700 мс способствовало увеличению mCVR на 80–100 % на объектах по всему миру.
• Использование инструментов RUM помогло получить реальные показатели производительности на рынках более низкого уровня.
• Принятие культуры производительности очень важно, чтобы избежать регресса. Это также повышает производительность команды благодаря оптимизированному коду, более быстрым выпускам и меньшему количеству производственных проблем.

Приведенные выше тематические исследования показывают, что вы можете многого добиться, применяя лучшие практики и добиваясь быстрых результатов. Вот еще несколько примеров из реальной жизни по этому поводу.

Вышеуказанные результаты были достигнуты путем захвата низко висящих фруктов, таких как:

Дополнительные рекомендации см. в руководстве по Web Vitals . Используйте PageSpeed ​​Insights для проверки вашего веб-сайта и немедленного получения практических рекомендаций.

Есть еще несколько мировых брендов, которые также получили выгоду от инвестиций в Core Web Vitals.

• Tencent Video увеличила CTR видео на 70 % , пройдя Core Web Vitals.
• Компания Cdiscount улучшила все три показателя, что способствовало увеличению выручки на распродаже в Черную пятницу на 6% .
• Wix увеличил количество мобильных источников, превысив показатель Core Web Vitals, более чем на 250 % по сравнению с прошлым годом .
• Nykaa обнаружила, что улучшение LCP на 40 % привело к увеличению органического трафика из городов T2/T3 на 28 % .
• Улучшение LCP NIKKEI STYLE на 18 % привело к увеличению количества просмотров страниц за сеанс на 9 % .
• У NDTV показатель отказов увеличился на 50 % после сокращения вдвое LCP, а также других изменений в продукте. .
• Улучшение LCP у Agrofy Market на 70 % коррелирует с сокращением количества отказов от загрузки на 76 % . .
• Flipkart добился снижения показателя отказов на 2,6% за счет улучшения показателей Core Web Vitals.
• Ameba Manga улучшила количество прочитанных комиксов в 2-3 раза , улучшив показатель CLS в 10 раз.
• Yahoo! Япония исправила CLS, что привело к сокращению количества плохих страниц на 98 % и увеличению количества просмотров страниц за сеанс на 15 % . .
• AliExpress улучшил CLS в 10 раз, а LCP — в два раза, что привело к снижению показателей отказов на 15% .
• В рамках GEDI количество CLS снизилось на 77%, а показатель отказов снизился на 8% .

Как вы можете начать работу прямо сейчас?

Шаг 1: Начните измерения

Начните с измерения полевых данных вашего сайта с помощью инструментов реального мониторинга пользователей (RUM). Уже доступны различные инструменты RUM от Google и сторонних производителей (3P).

Инструменты Google РУМ

• Поисковая консоль
• Статистика PageSpeed
• JavaScript-библиотека web-vitals
• Отчет об опыте использования Chrome (CrUX)

Сторонние инструменты RUM

• Облачное сияние
• Новая Реликвия
• Акамай
• Калибр
• Синий треугольник
• Часовой
• Кривая скорости
• Лучевая пушка

Выберите инструмент, который лучше всего подходит вам. Вы можете пойти еще дальше и интегрироваться с Google Analytics 4 , чтобы сопоставить основные веб-показатели с показателями вашего бизнеса.

Шаг 2. Убедите заинтересованные стороны

• Расскажите заинтересованным сторонам о важности внедрения Core Web Vitals для улучшения пользовательского опыта и его корреляции с бизнес-показателями компании.
• Найдите внутреннего спонсора, чтобы начать небольшой эксперимент.
• Создайте общую цель для заинтересованных сторон, чтобы улучшить основные веб-показатели в группах.

Шаг 3. Обеспечьте успешную реализацию, используя эти советы.

• Расставьте приоритеты : выберите страницу с высоким трафиком и/или значимостью конверсий для получения значимых результатов (например, целевая страница с рекламой, страница конверсии или популярные страницы).
• A/B-тест : используйте тестирование на стороне сервера, чтобы избежать затрат на рендеринг. Сравните результаты оптимизированных и неоптимизированных версий.
• Монитор : используйте непрерывный мониторинг для предотвращения регресса.

Наконец, мы считаем, что производительность — это путешествие, а не пункт назначения. В связи с этим мы планируем обновлять эту статью, добавляя последние основные моменты тематических исследований. Если у вас также есть убедительная деловая победа и вы хотите, чтобы о вас упомянули в этой статье, отправьте предложение по контенту .