Краткий ответ
Плохие оценки Core Web Vitals чаще всего возникают из-за медленного сервера, слишком больших изображений, скриптов, блокирующих отрисовку, и отсутствия кеширования. Сначала измерьте состояние в PageSpeed Insights и Search Console, затем последовательно устраните основные причины: хостинг и кеш, изображения, блокирующие скрипты и шрифты.
Как проявляется проблема
- Страницы загружаются несколько секунд, особенно на мобильном интернете
- Google Search Console показывает плохие оценки для LCP, INP или CLS
- Сайт «прыгает» во время загрузки, потому что изображения и реклама вставляются позже
- PageSpeed Insights показывает красный цвет для мобильных устройств
- Посетители жалуются, что страница зависает при прокрутке или клике
Частые причины
Слишком слабый или перегруженный хостинг
Общий хостинг с малым объемом RAM и без кеша OPcache медленно обрабатывает запросы PHP, поэтому первый байт (TTFB) приходится ждать слишком долго.
Неоптимизированные изображения
Изображения размером в несколько мегабайт в полном разрешении являются самой частой причиной плохого показателя LCP, особенно на мобильных устройствах.
Скрипты и стили, блокирующие отрисовку
Большое количество внешних скриптов, рекламы и инструментов аналитики задерживает отображение контента и ухудшает INP.
Отсутствие кеширования и сжатия
Без кеша на уровне сервера и браузера, а также без сжатия каждый посетитель заново загружает все файлы.
Нестабильная компоновка элементов
Изображения и баннеры без заданных размеров сдвигают контент и создают плохой CLS.
Пошаговое решение
- 1
Измерьте текущее состояние
Откройте PageSpeed Insights и введите адрес главной и самой посещаемой страницы, особенно для мобильных устройств. В Google Search Console посмотрите
Core Web Vitalsв разделеОпыт(Experience), чтобы увидеть, какие группы страниц не проходят проверку. Запишите значения LCP, INP и CLS до любых изменений, чтобы позже иметь измеримое сравнение. - 2
Проверьте время отклика сервера
В PageSpeed Insights обратите внимание на TTFB. Если он больше примерно 0,8 секунды, проблема, скорее всего, в хостинге или базе данных. В панели управления хостингом включите OPcache, если он есть, и проверьте, использует ли сайт последнюю версию PHP, поддерживаемую вашей CMS. Если трафик вырос, рассмотрите более мощный тариф или переход на более быстрый хостинг.
- 3
Включите кеширование и сжатие
В панели хостинга или через плагин кеширования включите кеш страниц и сжатие (Gzip или Brotli). Проверьте, кешируются ли статические файлы (изображения, CSS, JS) в браузере хотя бы несколько дней. После каждого изменения очищайте кеш и повторно измеряйте результат.
- 4
Оптимизируйте изображения
Уменьшите изображения до фактического размера отображения, сохраните их в формате WebP и включите ленивую загрузку (
loading="lazy") для изображений ниже первого экрана. Изображение, которое является главным визуальным элементом в верхней части страницы, не ставьте на ленивую загрузку, а загружайте заранее. В WordPress это можно решить плагином оптимизации изображений или ручной обработкой перед загрузкой. - 5
Сократите количество блокирующих скриптов
Удалите плагины и внешние скрипты, которые вы не используете, а оставшиеся по возможности загружайте с
deferилиasync. Рекламу и чат-инструменты вставляйте только после отображения основного контента. Проверьте также, не загружается ли один и тот же файл (например, jQuery) несколько раз. - 6
Приведите в порядок шрифты и CSS
Ограничьтесь одним или двумя шрифтами и загружайте только необходимые начертания. Включите
font-display: swap, чтобы текст был виден до загрузки шрифта. Удалите неиспользуемый CSS, где это возможно, так как большое количество стилей задерживает первую отрисовку. - 7
Задайте размеры элементов
Каждому изображению, видеоплееру и баннеру заранее задайте ширину и высоту или зарезервируйте место с помощью CSS, чтобы контент не смещался при загрузке. Рекламные блоки разместите в фиксированных рамках. Это самый быстрый способ улучшить оценку CLS.
- 8
Повторно измерьте и сравните
После изменений дождитесь обновления кеша и CDN, затем повторите измерение в PageSpeed Insights и проверьте Search Console, когда данные обновятся, обычно через две-четыре недели. Сравните с начальными значениями и оставьте только те изменения, которые действительно улучшили результат.
Если после всего оценки не растут
Если основные изменения сделаны, а LCP все еще запаздывает, причина часто кроется на уровне инфраструктуры: удаленный сервер, медленно отвечающая база данных или тяжелая CMS с множеством запросов. Тогда стоит включить CDN для статических файлов, проверить медленные запросы в базе данных и удалить ненужные плагины. Для сайтов с большим каталогом или множеством динамических страниц рассмотрите кеширование целых страниц и отдельный сервер для базы данных. Измерения всегда проводите на одной и той же странице и одном и том же устройстве, так как результаты меняются от часа к часу, и легко сделать неверный вывод на основе одного измерения.
Как избежать повторения
- Регулярно проверяйте Core Web Vitals в Search Console, хотя бы раз в месяц
- Оптимизируйте изображения перед загрузкой и не загружайте файлы размером более нескольких сотен килобайт
- Устанавливайте только те плагины и скрипты, которые действительно необходимы
- Следите за временем отклика сервера и планируйте более мощный хостинг перед крупными кампаниями
Когда лучше обратиться к специалисту
Если после основных изменений сайт по-прежнему имеет плохое время отклика или падает под нагрузкой, проблема, вероятно, в хостинговой среде или базе данных, и тогда лучше, чтобы это проверил кто-то с доступом к серверу.
Создание сайтов · Быстрые, SEO-оптимизированные многоязычные сайтыЧастые вопросы
Как быстро видны результаты после оптимизации?
PageSpeed Insights сразу показывает новую лабораторную оценку после очистки кеша, тогда как полевые данные и Search Console запаздывают на недели, так как рассчитываются из реальных посещений. Продолжайте измерения и не меняйте слишком много вещей одновременно.
Достаточно ли установить плагин кеширования?
Нет. Плагин помогает, но не решает проблему слишком больших изображений, блокирующих скриптов или медленного сервера. Кеширование это лишь один из шагов.
Почему мобильная оценка обычно хуже, чем оценка для компьютера?
При измерении на мобильных устройствах часто используется более медленное соединение и более слабый процессор, поэтому тот же сайт оценивается строже. Поэтому изображения и скрипты в первую очередь нужно оптимизировать для мобильных устройств.