Фраза «сайт медленный» слишком общая. Один проект долго ждёт первый байт от сервера, другой быстро получает HTML, но блокируется тяжёлым JavaScript, третий теряет время на огромных изображениях. Поэтому производительность нужно разбирать по этапам.
TTFB — первый сигнал со стороны сервера
Time to First Byte показывает время от начала запроса до получения первого байта ответа. На него влияют DNS, соединение, TLS, работа PHP/приложения, запросы к базе, кэш и внешние API. Высокий TTFB нельзя исправить уменьшением картинки на главной — сначала нужно найти серверную причину.
Размер HTML и компрессия
Проверьте, включено ли gzip или Brotli-сжатие, насколько велик HTML и не генерирует ли шаблон мегабайты повторяющейся разметки. Большой DOM повышает стоимость вычислений в браузере и усложняет дальнейшую отрисовку.
JavaScript: меньше блокировок, больше пользы
Сторонние виджеты, аналитика, чаты и маркетинговые скрипты могут суммарно стоить дороже основного приложения. Составьте список всех JS-файлов, удалите неиспользуемые зависимости, отложите второстепенные скрипты и разбейте большие бандлы.
Изображения
Используйте современные форматы WebP/AVIF там, где это оправдано, задавайте размеры изображения, применяйте lazy loading ниже первого экрана и не отдавайте фотографию 4000×3000 в блок шириной 500 пикселей. Для главного изображения ленивую загрузку, наоборот, часто лучше не включать.
LCP, INP и CLS
LCP отражает скорость появления крупного видимого элемента, INP — отзывчивость интерфейса на взаимодействия, CLS — неожиданные смещения элементов. Сетевой аудит помогает найти техническую основу проблем, а полевые метрики показывают, что реально испытывают пользователи.
Как работать после первого замера
- Зафиксируйте исходные значения.
- Исправьте самый крупный системный фактор.
- Повторите измерение в тех же условиях.
- Сравните динамику, а не только одну оценку.
История аудитов особенно полезна после переноса сайта, смены CDN, обновления CMS или крупного редизайна.