Скорость страницы всегда была важной частью того, как веб-сайт работает в поисковых системах и насколько удобным для использования веб-сайт воспринимается клиентами. Это также может быть решающим фактором в том, совершит ли пользователь конверсию или покупку на веб-сайте.
Мы все были виноваты в тот или иной момент, когда закрывали очень медленную веб-страницу и начинали поиск снова…

Прежде чем мы сможем эффективно и устойчиво оптимизировать веб-сайт для Page Speed, нам необходимо сначала понять, на что Google (и другие поисковые системы) обращает внимание при расчете «оценки» вашего веб-сайта в отчете Page Speed Insights . Хотя мы можем ясно видеть, какие аспекты измеряются и о чем сообщается, не всегда ясно, что это за показатели на самом деле и что они измеряют.
Вот почему мы составили это руководство — чтобы помочь вам понять показатели Page Speed Insight, чтобы помочь вам сделать ваш веб-сайт более удобным и доступным для конечных пользователей.
Самая большая содержательная краска (LCP)
Самая большая содержательная отрисовка — это ключевой показатель в отчете Page Speed Insights, который фактически сыграет ключевую роль в обновлении алгоритма Google за май 2021 года, с которым мы рекомендуем вам ознакомиться, если вы еще этого не сделали.

Проще говоря: Largest Contentful Paint измеряет количество времени рендеринга, затраченного на заполнение и визуализацию самого большого изображения или текстового блока в области просмотра, указанной в вашем браузере. Все LCP относятся к тому моменту, когда страница впервые начала загружаться.
Первая содержательная краска (FCP)
Вообще говоря, термин First Paint относится к той секунде, когда ЧТО-НИБУДЬ отображается в вашем браузере. Обычно вы видите, что First Paint представляет собой изображение заголовка / баннера прямо вверху страницы, которую вы пытаетесь загрузить, или даже просто цвет фона рассматриваемой страницы. Сначала «нарисовать» изображение баннера или фон страницы — отличный способ создать впечатление быстро загружаемой страницы.

Однако у First Paint есть еще один уровень… First Contentful Paint. First Contentful Paint (FCP) намного эффективнее контролирует скорость страницы. Он измеряет количество времени, которое требуется для того, чтобы первая часть фактического контента (будь то текст/копия или визуальные ресурсы) отображалась в вашем браузере.
Проще говоря: FCP — это точка, в которой контент, с которым ваш пользователь может взаимодействовать или извлекать выгоду, становится видимым.
Время до интерактивности (TTI)
Время до интерактивности — это еще один показатель скорости страницы, который невероятно важен не только для поисковых систем, но в равной степени (если не больше) для пользователя. Время до интерактивности означает (как и следовало ожидать) время, необходимое для того, чтобы веб-страница стала полностью интерактивной.
«Интерактивность» может быть довольно субъективной, когда речь идет о SEO и скорости страницы, однако Google определяет время до интерактива (TTI) с использованием 3 критериев:
- Веб-страница отобразила и отобразила полезный контент (см. раздел «Первая содержательная отрисовка»).
- Обработчики событий успешно зарегистрированы для большинства/всех видимых элементов страницы
- Теперь страница быстро и эффективно реагирует на действия пользователя, обычно в течение 50 миллисекунд.
Как интерпретировать время для взаимодействия
В таблице ниже показано, как отчет Page Speed Insights измеряет и «оценивает» ваш TTI:

Проще говоря: Time To Interactive — это момент, когда ваши пользователи могут просматривать, перемещаться и взаимодействовать с вашим сайтом/веб-страницей без каких-либо проблем или задержек.
Индекс скорости
Индекс скорости относительно прост для понимания (это аномалия в мире SEO, где обычно все невероятно сложно). Google определяет индекс скорости вашего сайта как количество времени (измеряемое в секундах), в течение которого контент на вашей веб-странице/сайте становится визуально заполненным.
При расчете индекса скорости веб-страницы Google сравнивает показатель индекса скорости (который они получают с помощью модуля Speedline Node.js ) с данными из HTTP-архива.
Как Page Speed Insights классифицирует индекс скорости:

Общее время блокировки
Эта метрика отчета Page Speed Insights измеряет количество времени (в секундах), в течение которого веб-страница не отвечает на действия пользователя. К таким видам пользовательского ввода относятся щелчки мышью, нажатия клавиш, касания экрана и т. д.
Общее время блокировки рассчитывается с использованием суммы всех «длительных задач» между точками FCP и TTI. Любая задача, превышающая 50 мс, считается «Длинной задачей», и общее время блокировки рассчитывается после этой точки, поэтому, если задача занимает 70 мс, TBT будет составлять 20 мс.

Совокупный сдвиг макета (CLS)
CLS снова сыграет ключевую роль в обновлении алгоритма CWV в мае 2021 года (и снова мы рекомендуем вам узнать больше об этом из нашего руководства ). Сдвиг макета происходит каждый раз, когда видимый элемент внезапно перемещается или перемещается из одного кадра в другой.

Вы когда-нибудь пытались щелкнуть что-то на веб-странице, и прямо перед тем, как вы это сделали… вся страница (или, по крайней мере, большая ее часть) внезапно перемещается… и вы в конечном итоге нажимаете не на то? Мы все были там… и это называется накопительным сдвигом макета.
Проще говоря: кумулятивное изменение макета — это сумма всех неожиданных и внезапных сдвигов макета, которые происходят в течение жизни веб-страницы во время сеансов пользователя.
Если вы никогда не проводили тест скорости страницы, вы можете сделать это бесплатно здесь . Нужна помощь в повышении показателей Page Speed? Пытаетесь улучшить удобство использования вашего сайта? Наши команды экспертов будут рады помочь! Свяжитесь с нами сегодня.