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

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

Saurabh Rajpal

Swetha Gopalakrishnan

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

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

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

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

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

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

Исследования случаев

Водафон

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

Методы

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

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

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

iCook

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

Методы

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

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

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

Токопедия

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

Методы

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

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

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

Редбус

Исправления основных показателей 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! Japan исправила CLS, что привело к сокращению количества плохих страниц на 98% и увеличению количества просмотров страниц за сеанс на 15% .
• AliExpress улучшил показатель CLS в 10 раз, а показатель LCP — вдвое, что привело к снижению показателей отказов на 15% .
• GEDI зафиксировал снижение CLS на 77% и снижение показателя отказов на 8% .

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

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

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

Инструменты Google RUM

• Консоль поиска
• PageSpeed ​​Insights
• библиотека JavaScript web-vitals
• Отчет о пользовательском опыте Chrome (CrUX)

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

• Клаудфлер
• Новая Реликвия
• Акамай
• Калибр
• Синий Треугольник
• Часовой
• Кривая скорости
• Рейган

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

Шаг 2: Убедите заинтересованных лиц

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

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

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

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