Основные веб-показатели сайта — что это такое и как их измерить

Core Web Vitals — это показатели скорости и производительности веб-сайта. Core Web Vitals (CWV) являются одним из факторов обновления, объявленного в конце августа 2021 года в отношении Page Experience Signals. CWV, наряду с отзывчивостью, безопасностью, зашифрованным соединением и отсутствием навязчивой рекламы, станет неотъемлемым элементом любого сайта.

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

Как измеряются показатели Core Web

Источники данных по основным веб-показателям разделяются на 2 типа:

1. Лабораторные данные (lab data), представляющие собой измерения, которые проводятся с помощью специализированных инструментов. Лабораторные данные информируют о том, каким может быть опыт потенциального пользователя на сайте. Конечно, это определенные допущения, измеренные в лабораторных условиях, и поэтому анализ Core Web Vitals должен дополнительно основываться на реальных данных (так называемых собранных данных). Лабораторные данные можно найти в Page Speed Insights, инструменте Lighthouse в Google Dev Tools, GTMetrix или в Web Dev. Эти данные измеряют такие показатели, как: FCP, SI, LCP, TTI, TBT, CLS .
2. Полевые данные, то есть данные, полученные в результате реальных посещений пользователей, использующих браузер Chrome. Эти данные представляют собой среднее значение показателей Core Web Vitals за последние 28 дней, какие получены из отчета Chrome User Experience Report (CrUX). Собранные данные измеряются с помощью инструмента Google PageSpeed Insights и Google Search Console и измеряют FSP, FID, LCP, CLS.

Показатели Core Web

Основные показатели Core Web включают:

LCP

LCP (Largest Contentful Paint), или самый большой отрисованный контент. LCP является метрикой, показывающей скорость загрузки веб-сайта. Она измеряется как время, требующееся браузеру для того, чтобы загрузить самый большой элемент на странице (этим элементом может быть текст, графика или видео). До 2,5 секунд этот показатель оценивается как положительный. Результат от 2,5 до 4 секунд считается средним и требующим улучшения. Значение LCP более 4 секунд, с другой стороны, указывает на высокий риск того, что пользователь покинет страницу, и интерпретируется как тревожно низкое.

Площадь, измеряемая в анализе LCP, относится к первому экрану, который видит пользователь после загрузки страницы.

Последствия высокого LCP: чрезмерное время ожидания загрузки элементов.

FID

FID — это метрика, которая показывает интерактивность веб-сайтов. Это время, отсчитываемое с момента начала загрузки страницы до ее полной интерактивности. Хороший FID находится в пределах 100 миллисекунд до первой интерактивности. Значение FID между 100 и 300 миллисекундами указывает на необходимость повышения интерактивности сайта. С другой стороны, показатель выше 300 миллисекунд уже может негативно повлиять на впечатления пользователя от сайта.

Последствия высокого FID: невозможность быстрого взаимодействия с сайтом.

CLS

CLS (Cumulative Layout Shift) — это метрика, измеряющая визуальную стабильность макета страницы. Он рассчитывается как сумма сдвигов, которые видны во время загрузки страницы. Сюда входят неожиданные сдвиги, т.е. те, которые не связаны с взаимодействием с пользователем. Важно отметить, что всплывающие окна не будут учитываться в показателе CLS. Оценка «хорошо», т.е. отсутствие сдвигов в планировке, составляет от 0 до 0,1 балла. Оценка от 0,1 до 0,25 балла означает среднюю стабильность планировки. С другой стороны, значение выше 0,25 считается очень плохим и требует срочной оптимизации.

Влияние высокого CLS: случайные нажатия на кнопки из-за неожиданного сдвига на странице.

Другие показатели CWV

TTFB (время до первого байта)

TTFB — это величина, измеряемая как время ответа сервера с момента отправки запроса до момента получения пользователем первого байта ответа.

FCP (First Contentful Paint)

FCP — это показатель, измеряющий, какое количество времени необходимо браузеру для загрузки первого содержимого на странице (контента, изображения или видео).

TTI (Time to Interactive)

TTI — это показатель, измеряющий время загрузки страницы до появления возможности ввода данных на сайте.

TBT (общее время блокировки)

TBT — это метрика, которая измеряет время, которое проходит между загрузкой первого содержимого на странице (FCP) и появлением возможности ввести данные (TTI).

Как проверить Core Web Vitals

Способы проверки показателей Core Web Vitals:

1. PageSpeed Insights

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

После проверки в инструменте PSI мы получаем 2 набора данных: лабораторные данные и собранные данные.

В рамках тестирования, проводимого в PSI, мы получаем набор готовых рекомендаций для внедрения на сайте.

Google Search Console

Если у вас настроен и проверен аккаунт Google Search Console, можно легко проверить, соответствует ли ваш сайт критериям нового фактора ранжирования. После входа в систему в разделе Улучшения > Основные веб-метрики вы найдете отчеты CWV как для мобильных устройств, так и для компьютеров.

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

GTMetrics

Показатели Core Web Vitals также могут быть измерены GTMetrix. Как и PageSpeed Insights, GTMetrix предоставляет результаты для конкретного URL, а не для всей страницы, поэтому здесь необходимо проверить выбранные репрезентативные страницы сайта (например, измерить домашнюю страницу, категорию, запись в блоге, контакт). GTMetrix представляет только лабораторные данные. Стоит помнить, что инструмент бесплатен только для результатов на рабочем столе. В платной версии мы также получаем данные для мобильной версии.

Web dev

Web Dev является в некотором роде продолжением PSI. В Web Dev есть доступ только к лабораторным данным. Вы получаете подробное руководство и руководство по оптимизации элементов низкого качества, а также имеете возможность планировать отчеты. Эту же информацию можно найти в Google Dey Tools на вкладке «Маяк».

WebPage Test

Другим инструментом для тестирования CWV является WebPage Test, который учитывает только лабораторные данные. Недостатком этого инструмента может быть длительное время ожидания результатов, а плюсом — графическое представление индивидуальных результатов CWV.

Lighthouse

Инструмент доступен в Chrome DevTools, нажав PPM и Inspect или F12. Lighthouse дает возможность проверить лабораторные данные. Важно выполнять проверку CWV в Lighthouse в окне инкогнито, так как плагины, добавленные в браузер Chrome, могут задерживать страницу и тем самым фальсифицировать результаты.

Инструмент Google Web Developer в браузере Chrome

После нажатия F12 в браузере Chrome открывается панель, где пользователь может получить доступ, в частности, к консоли Java Script. Чтобы измерить скорость страницы, нужно зайти на вкладку Performance, где можно проанализировать лабораторные данные Core Web Vitals.

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

Анализируя TBT, вы также можете определить, где существует риск FID.

Плагины Chrome для быстрой проверки Core Web Vitals

1. Расширение Core Web Vitals

Если ваша цель — быстро проверить результаты Core Web Vitals на сайте, мы можете использовать для этого плагин: Core Web Vitals Extension.

Чтобы загрузить плагин, просто перейдите в магазин расширений браузера и нажмите кнопку Добавить в Chrome.

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

Расширение Web Vitals

Web Vitals — еще один плагин для Chrome, позволяющий быстро проверить CWV в режиме реального времени. Этот инструмент позволяет легко обнаружить сайты со слабыми параметрами. Стоит помнить, что плагин Web Vitals Extension — это лишь введение в исследование CWV, а более глубокий анализ доступен в других инструментах.

В качестве бесплатного бонуса для подписчиков

Предлагаю воспользоваться быстрым и бесплатным сервисом проверки сайта/интернет-магазна на технические ошибки, сдерживающие SEO продвижение. Посмотрите короткое видео по работе сервиса и проверяйте свои WEB проекты!

Вместо заключения

Хотите выйти в ТОП10 Яндекс и долго там оставаться? Продвигайте свои сайты и интернет-магазины исключительно белыми SEO методами! Не умеете? Могу научить! Тем, кто хочет разобраться во всех премудростях SEO, предлагаю посетить мои курсы по SEO обучению, которые я провожу индивидуально, в режиме онлайн по скайпу.

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