Скорость сайта: почему она важна и как её проверить. Core Web Vitals простыми словами

Вы открываете сайт с телефона, экран остаётся белым, полоска загрузки еле ползёт. Сколько вы будете ждать? Большинство из нас через пару секунд возвращается в поиск и открывает следующий сайт. Ваши клиенты делают то же самое. Поэтому скорость сайта — это не «техническая мелочь», а прямой вопрос заявок и продаж.

Почему скорость так важна

1. Посетители не ждут

По данным исследования Google 2017 года, когда время загрузки мобильной страницы растёт с 1 до 3 секунд, вероятность того, что посетитель уйдёт, увеличивается на 32%. То есть каждая лишняя секунда сжигает часть денег, вложенных в рекламу и SEO: человек пришёл на сайт, но ушёл, ничего не увидев.

2. Google учитывает скорость

При ранжировании Google учитывает удобство страницы, в том числе показатели Core Web Vitals. Скорость сама по себе не выведет вас на первое место, главное по-прежнему содержание. Но при прочих равных более быстрый и удобный сайт получает преимущество перед конкурентами. Как в целом работает продвижение, мы разобрали в отдельной статье.

3. Реклама обходится дороже

В Google Ads на показатель качества объявления влияет и удобство целевой страницы. Медленная и неудобная страница — это более низкий показатель качества, а значит, за тот же клик вы платите больше.

Core Web Vitals простыми словами

Google оценивает, насколько сайт удобен для человека, по трём основным метрикам:

• LCP (Largest Contentful Paint): как быстро появляется главный контент страницы, например большая картинка или заголовок. Хороший результат — до 2,5 секунды.
• INP (Interaction to Next Paint): как быстро сайт реагирует на нажатие кнопки или меню. Хороший результат — до 200 миллисекунд. В 2024 году эта метрика заменила старую FID.
• CLS (Cumulative Layout Shift): насколько элементы прыгают во время загрузки. Вы хотите нажать кнопку, а в этот момент сверху подгружается баннер, и вы попадаете не туда. Знакомо? Это и есть проблема CLS. Хороший результат — до 0,1.

Важный момент: Google оценивает эти метрики по данным реальных пользователей. Ваш быстрый интернет и новый компьютер — не показатель. Старый телефон клиента и мобильный интернет могут показать совсем другую картину.

Как проверить скорость сайта

Для этого не нужно быть программистом. Хватит трёх бесплатных инструментов:

• PageSpeed Insights: вводите адрес сайта и через минуту получаете отчёт. Вверху — данные реальных пользователей (если у сайта достаточно трафика), ниже — лабораторный тест и подсказки, что исправить.
• Google Search Console: отчёт «Основные интернет-показатели» показывает весь сайт целиком и подсказывает, в каких группах страниц есть проблемы.
• Lighthouse в Chrome: правый клик на странице, «Просмотреть код», вкладка Lighthouse. Удобно, чтобы проверить версию сайта, которая ещё не опубликована.

При проверке помните: смотрите мобильную версию, потому что большинство посетителей приходит с телефона. Проверяйте не только главную, но и страницы услуг и товаров. И не гонитесь за 100 баллами: зелёной зоны (90 и выше) и хороших Core Web Vitals для большинства бизнесов достаточно.

Что чаще всего тормозит сайт

• Тяжёлые изображения. Самая частая причина. Фото на 4–5 МБ с телефона загружают на сайт без сжатия. Перевод в WebP или AVIF и подгонка размера под экран могут уменьшить вес картинки в десятки раз без видимой потери качества.
• Лишние скрипты и плагины. Каждый код аналитики, пиксель, слайдер и плагин — дополнительная нагрузка. На сайтах на WordPress нередко стоит 30–40 плагинов, половина из которых уже не используется.
• Слабый хостинг. Если сервер медленно отвечает на запрос, остальная оптимизация мало что даст. Если ваша аудитория в Азербайджане, важно, чтобы сервер или CDN были поблизости.
• Шрифты и виджеты. Несколько семейств шрифтов, онлайн-чат, карта, ленты соцсетей — каждый из них отправляет отдельные запросы на чужие серверы.
• Нет кэширования и CDN. Страница каждый раз собирается заново и грузится с далёкого сервера, хотя её можно хранить в готовом виде.
• Тяжёлое видео с автозапуском. Фоновое видео смотрится красиво, но без правильного сжатия и отдельной мобильной версии заметно тормозит страницу.

Как ускорить сайт: короткий чек-лист

1. Переведите изображения в современный формат (WebP/AVIF) и отдавайте их в размере экрана.
2. Загружайте картинки и видео ниже первого экрана отложенно (lazy loading).
3. Удалите неиспользуемые плагины, скрипты и пиксели.
4. Подключите кэширование и CDN.
5. Сократите число шрифтов и загружайте их со своего сервера.
6. Заранее резервируйте место под картинки и баннеры, чтобы страница не «прыгала».
7. Проверьте хостинг: если сервер отвечает медленно, переходите на более мощный тариф или к другому провайдеру.

Когда выгоднее переделать сайт

Иногда проблему решают одна-две правки. Но если сайт построен на тяжёлом готовом шаблоне с десятками плагинов, каждая оптимизация ломает что-то другое. В таком случае пересобрать сайт на современных технологиях часто выгоднее, чем бесконечно ставить «заплатки». Мы делаем сайты так, чтобы скорость была не проблемой, которую исправляют потом, а требованием с самого начала: оптимизированные изображения, минимум скриптов, кэширование и проверка по Core Web Vitals. Если вы как раз заказываете сайт, пригодится и это руководство.

Итог

Скорость сайта влияет на каждого посетителя, каждый рекламный клик и позиции в Google. Проверьте свой сайт в PageSpeed Insights сегодня: это займёт десять минут и многое покажет. Если не понятно, как читать отчёт и с чего начать, напишите нам. Посмотрим ваш сайт и скажем, что именно его тормозит. Вместе с SEO работа над скоростью обычно даёт один из самых быстрых результатов.