СКОРОСТЬ САЙТА И CORE WEB VITALS.
Медленный или «прыгающий» сайт теряет клиентов, прежде чем они прочтут хоть слово. Google измеряет этот опыт тремя метриками Core Web Vitals. Вот что они значат, как бесплатно проверить свой сайт и какие исправления обычно важнее всего для сайта малого бизнеса.
ЧТО ИЗМЕНИЛОСЬ НЕДАВНО
- Google считает перехват кнопки «Назад» спамом — блокировка кнопки «Назад» в браузере теперь названа спам-практикой.
Этот гайд о том, что остаётся верным. Блог следит за изменениями по мере их появления.
ТРИ МЕТРИКИ
Google описывает Core Web Vitals как набор метрик, измеряющих реальный пользовательский опыт: скорость загрузки, интерактивность и визуальную стабильность.2 В 2024 году Interaction to Next Paint (INP) заменил First Input Delay в составе Core Web Vitals.1
| Метрика | Что измеряет | Хорошо |
|---|---|---|
| Largest Contentful Paint (LCP) | Загрузка: когда появляется основной контент [1] | 2,5 секунды или меньше [1][3] |
| Interaction to Next Paint (INP) | Отзывчивость: как быстро страница реагирует на касания, клики и ввод текста [1] | 200 миллисекунд или меньше [1][3] |
| Cumulative Layout Shift (CLS) | Визуальная стабильность: насколько страница «прыгает» при загрузке [1] | 0,1 или меньше [1][3] |
web.dev рекомендует измерять на 75-м процентиле загрузок страниц, отдельно для мобильных и десктопа.1 Search Console оценивает LCP до 4 с, INP до 500 мс и CLS до 0,25 как “Needs improvement” (требует улучшения), а всё, что выше, — как “Poor” (плохо).3
ВЛИЯЮТ ЛИ ОНИ НА ПОЗИЦИИ?
Google говорит, что хорошие Core Web Vitals соответствуют тому, что стремятся поощрять его основные системы ранжирования, как часть более широкого удобства страницы.2 Это один фактор из многих. Быстрая страница со скудным или бесполезным контентом не обгонит лучший ответ, поэтому считайте скорость способом удержать уже пришедших посетителей.
КАК ПРОВЕРИТЬ СВОЙ САЙТ
| Инструмент | Что показывает | Осторожно |
|---|---|---|
| PageSpeed Insights | Полевые данные реальных пользователей Chrome (CrUX) плюс лабораторные данные Lighthouse, для мобильных и десктопа [4] | Полевые данные охватывают последние 28 дней, поэтому исправления проявляются не сразу; лабораторные и полевые результаты могут расходиться [4] |
| Отчёт Core Web Vitals в Search Console | Группы похожих URL с оценками Good, Needs improvement или Poor (хорошо, требует улучшения, плохо) на основе данных реальных пользователей [3] | Небольшие сайты могут видеть “No data available” (нет данных), если данных CrUX недостаточно [3] |
Полевых данных пока нет? Ориентируйтесь на лабораторные результаты PageSpeed Insights и проверяйте самые важные страницы: главную, услуги и контакты.
ТИПИЧНЫЕ ИСПРАВЛЕНИЯ ДЛЯ МАЛОГО БИЗНЕСА
- Уменьшайте изображения. Сжимайте фото и используйте современные форматы изображений.5 Фото прямо с телефона обычно намного больше, чем нужно экрану.
- Не делайте ленивую загрузку главного изображения. web.dev говорит никогда не применять lazy-load к изображению LCP, а атрибут
fetchpriorityможет подсказать браузеру, какие ресурсы важнее.5 - Задавайте размер изображениям и встраиваемым элементам. Указывайте атрибуты
widthиheightили резервируйте место через CSSaspect-ratio, чтобы контент не смещался.6 - Продумайте веб-шрифты. При загрузке шрифта текст может сдвигаться; выбирайте близкий запасной шрифт.6
- Урежьте сторонние скрипты. Виджеты чатов, трекеры и встраивания накапливаются. web.dev советует удалять скрипт, если он не приносит явной пользы, и загружать сторонние скрипты асинхронно, если только они не должны выполниться до отрисовки страницы.7
- Делайте обработчики кликов лёгкими. Для INP web.dev советует выполнять как можно меньше работы в обработчиках событий и разбивать длинные задачи.8
- Используйте нормальный хостинг и CDN. web.dev рекомендует сеть доставки контента, чтобы сократить путь, который проходят файлы.5
Скорость — лишь одна часть удобного сайта. Наше руководство по доступности сайта посвящено второй половине: людям, которые пользуются клавиатурой, программами экранного доступа или увеличением.
FAQ
У меня низкий балл PageSpeed, а Search Console пишет Good. Кто прав?
Возможно, оба. Балл — результат смоделированного лабораторного теста; Search Console использует реальных посетителей за период. Google объясняет, что лабораторные и полевые данные могут различаться.4
Нужны ли идеальные 100?
Нет. Добейтесь порогов “хорошо” из таблицы выше на ключевых страницах, а дальше тратьте время на контент и клиентов.
Гарантирует ли более быстрый сайт больше лидов?
Этого никто не может обещать. Скорость убирает трение; продают по-прежнему ваше предложение, отзывы и работа с обращениями.
ИСТОЧНИКИ
- web.dev, Web Vitals.
- Google Search Central, Understanding Core Web Vitals and Google search results (Core Web Vitals и результаты поиска Google).
- Search Console Help, Core Web Vitals report (отчёт Core Web Vitals).
- Документация PageSpeed Insights, About PageSpeed Insights (о PageSpeed Insights).
- web.dev, Optimize Largest Contentful Paint (оптимизация LCP).
- web.dev, Optimize Cumulative Layout Shift (оптимизация CLS).
- web.dev, Efficiently load third-party JavaScript (эффективная загрузка стороннего JavaScript).
- web.dev, Optimize Interaction to Next Paint (оптимизация INP).
ЧИТАЙТЕ ДАЛЬШЕ
ЗАПИШИТЕСЬ НА СТРАТЕГИЧЕСКИЙ ЗВОНОК
Не понимаете, почему сайт кажется медленным? Пришлите ссылку, и мы разберём, что его тормозит.