Почему после оптимизации скорости сайта показатели Core Web Vitals всё ещё не соответствуют требованиям?

Изображения сжаты, CDN подключена, оценка скорости изменилась с красной на зелёную, но в Search Console Core Web Vitals по-прежнему отмечены как «Требует улучшения». У специалистов, отвечающих за зарубежный сайт компании, такой разрыв легко вызывает сомнения: неужели оптимизация не сработала?

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

Сначала выясните: вы видите результат теста или данные реальных пользователей?

Оценка производительности Lighthouse в PageSpeed Insights основана на однократном лабораторном тесте в заданных имитируемых условиях. Данные о реальном пользовательском опыте в верхней части страницы в основном поступают из отчёта Chrome о пользовательском опыте (CrUX). Эти показатели служат разным целям, поэтому высокая оценка не означает, что основные показатели веб-страниц обязательно соответствуют требованиям.

При оценке Core Web Vitals учитываются три показателя. Обычно их оценивают по 75-му процентилю данных реальных посещений, а не по среднему значению:

Оценка считается пройденной, только если все три показателя находятся в категории «Хорошо». Мобильные устройства и компьютеры следует проверять отдельно. Если данных по текущему URL недостаточно, обратите внимание, не отображает ли инструмент данные по всему источнику, чтобы не принять результаты всего сайта за данные отдельной страницы.

Кроме того, CrUX использует скользящие данные за последние 28 дней. Даже после установки исправления сегодня в статистике ещё будут учитываться данные о предыдущих посещениях, поэтому результат не станет зелёным сразу. Обновление данных в Search Console также запаздывает. Следите за динамикой, а не вносите изменения снова и снова с интервалом в несколько часов.

Разбирайте проблемы по показателям, а не продолжайте бездумно сжимать ресурсы

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

LCP не соответствует требованиям: изображение стало меньше, но браузер всё равно обнаруживает его слишком поздно

Крупное изображение в верхней части страницы часто является элементом LCP, однако замедлять его может не только размер файла. Медленный ответ сервера, слишком большое количество перенаправлений и вставка изображения только после выполнения JavaScript — всё это мешает браузеру своевременно начать загрузку.

На панели Network проверьте, когда отправляется запрос этого ресурса, а в записи производительности отдельно оцените время ожидания, загрузки и отображения. Не используйте отложенную загрузку для ключевых изображений в верхней части страницы. По возможности сделайте так, чтобы браузер обнаруживал изображение в исходном HTML; при необходимости задайте ему высокий приоритет загрузки. Предварительную загрузку используйте только при подтверждённой задержке обнаружения ресурса, чтобы не расходовать пропускную способность чрезмерно.

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

INP не соответствует требованиям: страница открылась, но кнопка «не реагирует»

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

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

Общее время блокировки в лабораторных тестах может помочь определить проблему, но не заменяет реальные данные INP. Удаление маркетинговых скриптов — не единственный выход: сначала выясните, для чего нужен скрипт и при каких условиях он запускается, чтобы улучшение производительности не привело к потере данных об источниках запросов.

CLS не соответствует требованиям: верхняя часть страницы стабильна, но при прокрутке контент начинает смещаться

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

Задавайте размеры или соотношение сторон для изображений, видео и встроенных модулей, а также резервируйте место для асинхронно загружаемого контента. На многоязычных сайтах особенно важно проверять длинные тексты, загрузку шрифтов и переносы текста на кнопках: шаблон, стабильный в китайской версии, может вести себя иначе в немецкой.

Почему после исправления отдельной страницы в отчёте всё ещё остаётся группа страниц с ошибками?

Search Console группирует URL с похожими показателями пользовательского опыта. Исправление одной страницы товара не означает, что улучшились все страницы в той же группе: на других страницах может по-прежнему использоваться старый шаблон, более крупное главное изображение или дополнительные сторонние компоненты.

Рекомендуем составить список проверок по сочетаниям «шаблон × язык × устройство», выбрать типичные страницы каждого типа и включить в проверку страницы с высоким трафиком и наиболее серьёзными проблемами. На внешнеторговых маркетинговых сайтах отдельно проверяйте посадочные страницы с рекламными параметрами: выясните, влияют ли параметры на кэширование и запускают ли рекламные переходы дополнительные скрипты.

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

Оценивайте результат по повторным проверкам, а не просто ждите, когда показатели «станут зелёными»

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

Убедившись, что исправление затронуло нужные страницы, запустите проверку в Search Console и продолжайте следить за скользящими данными. Одновременно повторно проверьте отправку запросов, оплату, отслеживание рекламных конверсий и управление согласием, чтобы отложенная загрузка скриптов не нарушила бизнес-процессы.

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