Скорость сайта: как её измерить и улучшить

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

Хорошая новость: скорость — техническая проблема с техническими причинами. В отличие от многих маркетинговых вопросов, здесь можно измерить, исправить и измерить снова.

Что именно измеряет Google

Google использует три показателя под общим названием Core Web Vitals. За ними стоит не абстрактная «скорость», а то, что реально переживает посетитель.

LCP (Largest Contentful Paint) — как быстро появляется самый крупный элемент содержания, обычно заголовок или главное изображение. Хороший результат — менее 2,5 секунды. Это важнейший показатель: он измеряет момент, когда посетитель понимает, что страница пришла.

INP (Interaction to Next Paint) — как быстро страница реагирует на клик или касание. Хороший результат — менее 200 миллисекунд. Если меню открывается через полсекунды, сайт кажется сломанным, даже если загрузился быстро.

CLS (Cumulative Layout Shift) — насколько содержание прыгает при загрузке. Хороший результат — менее 0,1. Классический случай: вы нажимаете кнопку, но мгновением раньше подгрузился баннер, и нажатие ушло не туда.

Рядом с ними важен и TTFB (первый ответ сервера) — если сервер отвечает медленно, все остальные показатели проиграны заранее.

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

PageSpeed Insights (pagespeed.web.dev) — вставьте адрес и получите как лабораторное измерение, так и данные реальных пользователей, если их достаточно. Всегда смотрите мобильный вид: большинство посетителей приходит с телефона, а мобильный результат почти всегда хуже.

Отчёт Core Web Vitals в Search Console показывает данные реальных пользователей и то, какие группы страниц проблемные. Это важнее, чем балл одного теста.

Инструменты разработчика в браузере (вкладка Network) показывают, какой именно файл тормозит. Отсортируйте по размеру — ответ обычно в первых трёх строках.

Одно предостережение: не гонитесь за 100 баллами. Балл PageSpeed — оценка, а не цель. Важно, чтобы LCP, INP и CLS были в зелёной зоне: 90 баллов с зелёным LCP лучше, чем 98 без него.

Пять самых частых причин медлительности

1. Неоптимизированные изображения

Безусловно самая частая причина. Снимок с телефона весит 4–8 МБ и имеет 4000 пикселей по ширине, а на экране показывается в 800. Посетитель скачивает в десять раз больше данных, чем видит.

Что делать: уменьшить изображения до отображаемого размера, использовать современные форматы (WebP, AVIF), задать width и height (это сразу улучшает CLS) и подгружать изображения ниже первого экрана позже (loading="lazy").

2. Слишком много плагинов

Типичный сайт на WordPress использует 25–40 плагинов, и каждый добавляет свои CSS- и JS-файлы на каждую страницу, в том числе туда, где он не нужен. Плагин формы грузит свой скрипт на главной, плагин слайдера — на странице контактов.

Что делать: полностью удалить неиспользуемые плагины (а не просто отключить), заменить функции нескольких плагинов одним и проверить, не подгружает ли какой-то плагин внешние шрифты и скрипты. Когда число плагинов становится трёхзначной проблемой, это уже вопрос архитектуры, а не настройки — см. WordPress или сайт на коде.

3. Медленный или перегруженный хостинг

Дешёвый общий хостинг означает сотни сайтов на одном сервере. Если у соседа всплеск трафика, ваш сайт замедляется. TTFB выше 600 мс почти всегда указывает на хостинг или базу данных.

Что делать: измерить TTFB, проверить версию PHP (старая версия в разы медленнее), включить серверное кеширование и сжатие gzip/brotli. Если сайт важен для бизнеса, более качественный хостинг — самый дешёвый прирост скорости.

4. Избыток JavaScript

Каждый скрипт нужно скачать, разобрать и выполнить — и всё это в том же потоке, который рисует страницу. Аналитика, чат-виджеты, баннеры о cookie, кнопки соцсетей и инструменты A/B-тестирования накладываются друг на друга.

Что делать: подключать сторонние скрипты с defer/async, отказаться от скриптов, которые никто не смотрит (если в чат никто не пишет, его 200 кБ не оправданы), и проверить, не подключена ли аналитика дважды.

5. Веб-шрифты

Шрифт, загружаемый из внешнего источника, — это лишнее соединение и часто момент, когда текст невидим. Это бьёт по LCP и CLS одновременно.

Что делать: разместить шрифты на своём сервере, использовать font-display: swap, грузить только реально используемые начертания (не девять, если вы используете три) и ограничить набор символов.

Что делать, если сайт уже медленный

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

1. Сначала измерьте. Запишите LCP, INP и CLS в мобильном виде. Без исходной точки вы потом не поймёте, стало ли лучше.
2. Исправьте изображения. Обычно это одно даёт половину выигрыша.
3. Проверьте TTFB и хостинг. Если сервер отвечает медленно, дальнейшее не поможет.
4. Проредите скрипты и плагины. Уберите всё, что за неделю ни разу не понадобилось.
5. Измерьте снова и только потом переходите к тонкой настройке.

Если сайт построен так, что каждый просмотр собирается из базы данных и десятка плагинов, потолок наступает быстро. Мы строим сайты так, что все страницы сгенерированы заранее — сервер в момент визита ничего не вычисляет, базы данных нет, а поверхность атаки в разы меньше. Тот же принцип описан в статье переход с WordPress на современный сайт.

Приносит ли скорость клиентов на самом деле?

Честно: сама по себе — нет. Если сайт не находят или его сообщение непонятно, LCP в 1,2 секунды ничего не спасёт — об этом мы писали в статье почему никто не посещает мой сайт.

Но скорость — усилитель. Если сайт уже приводит посетителей, каждая сэкономленная секунда означает, что большая их часть доходит до содержания. И в отличие от контента и ссылок это разовая работа, результат которой сохраняется.

Итог

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

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