Скорость загрузки сайта: на что влияет и как её измерить
Скорость загрузки сайта — время от перехода по ссылке до момента, когда страница показала содержимое и стала пригодной для взаимодействия. Единого числа тут нет: скорость описывают набором метрик, каждая из которых отвечает за свой этап загрузки.
Ниже — какие метрики считаются основными и с какими порогами, чем их измерить, что реально ускоряет сайт и почему одинаковая страница у двух посетителей грузится по-разному.
Какие метрики измеряют скорость
Основной набор — Core Web Vitals: три показателя, описывающих загрузку, отзывчивость и стабильность страницы. У каждого есть пороговое значение, ниже которого опыт считается хорошим.
| Метрика | Что измеряет | Хорошее значение |
|---|---|---|
| LCP (Largest Contentful Paint) | Когда отрисовался самый крупный элемент экрана — обычно главная картинка или заголовок | до 2,5 с |
| INP (Interaction to Next Paint) | Насколько быстро страница отвечает на действия пользователя | до 200 мс |
| CLS (Cumulative Layout Shift) | Насколько сильно содержимое прыгает при загрузке | до 0,1 |
INP пришёл на смену метрике FID: старый показатель учитывал только первое взаимодействие, новый — все, и потому честнее описывает ощущение «тормозит». CLS часто недооценивают, а он отвечает за самый раздражающий сценарий: человек целится в кнопку, страница дорисовывает баннер, кнопка уезжает, палец попадает не туда.
Чем измерять
Инструменты делятся на два типа, и они дают разные ответы на разные вопросы. Путать их — источник бесконечных споров «а у меня всё быстро».
- Лабораторные — Lighthouse, PageSpeed Insights в части синтетического теста. Прогоняют страницу в контролируемых условиях. Отвечают на вопрос «что чинить»: дают список проблем и их вклад.
- Полевые — данные реальных пользователей: отчёты в PageSpeed Insights по накопленной статистике, собственные замеры в аналитике. Отвечают на вопрос «плохо ли на самом деле».
Практическое правило: решение о том, нужно ли вообще ускорять, принимают по полевым данным, а список работ составляют по лабораторным. Лабораторный тест на быстром канале легко покажет отличный результат там, где реальные посетители с телефона в метро ждут восемь секунд.
Что реально ускоряет сайт
Порядок работ определяется вкладом, а не простотой. На большинстве сайтов 80% проблемы дают изображения и скрипты, и начинать нужно с них, а не с настроек сервера.
- Изображения. Современные форматы, правильные размеры под контейнер, отложенная загрузка того, что ниже первого экрана. Картинка на 3 МБ в шапке перечёркивает любую оптимизацию кода.
- Сторонние скрипты. Счётчики, виджеты чатов, пиксели, карты. Каждый добавляет запросы и время. Убирать нужно не все, а те, которыми никто не пользуется.
- Кэширование. Браузерное и серверное: повторные заходы должны обходиться дешевле первого.
- Сжатие и минификация. Текстовые файлы передаются сжатыми, лишние пробелы и комментарии убираются.
- Шрифты. Подключение с отображением запасного шрифта до загрузки основного — иначе текст невидим первые секунды.
- Сервер и хостинг. Время ответа сервера — фундамент: если он отвечает за секунду, быстрее секунды страница не появится никак.
На что скорость влияет
На две вещи сразу: на конверсию и на позиции. Первое прямее и заметнее, второе работает как один из факторов среди многих.
Про конверсию: медленная загрузка увеличивает долю тех, кто ушёл, не дождавшись. Особенно на мобильных, где соединение хуже, а терпение меньше. Это видно в аналитике как рост отказов на входных страницах при неизменном трафике.
Про позиции: скорость и удобство страницы учитываются поисковыми системами, но не перевешивают соответствие запросу. Быстрый сайт с нерелевантным содержанием не обгонит медленный, который отвечает на вопрос точнее. Порядок приоритетов — сначала релевантность, потом скорость.
Почему у разных людей грузится по-разному
Потому что итоговое время складывается не только из сайта. На него влияют устройство, качество соединения, удалённость от сервера, установленные расширения и то, заходил ли человек раньше.
Отсюда практическое следствие: ориентироваться нужно на распределение, а не на среднее. Средняя скорость может быть приличной при том, что четверть посетителей ждёт втрое дольше, — и именно эта четверть уходит. Полевые отчёты показывают такие распределения, лабораторный тест — нет.
Коротко
- Скорость описывается набором метрик: LCP (до 2,5 с), INP (до 200 мс), CLS (до 0,1).
- INP заменил FID и учитывает все взаимодействия, а не только первое.
- Лабораторные тесты показывают, что чинить; полевые данные — насколько это срочно.
- Основной вклад обычно дают изображения и сторонние скрипты, а не настройки сервера.
- Скорость влияет на конверсию прямо, на позиции — как один фактор среди многих.
- Смотреть нужно распределение по пользователям, а не среднее значение.
Частые вопросы
Какая скорость загрузки сайта считается нормальной
Ориентир — показ основного содержимого до 2,5 секунды у большинства посетителей. Единой цифры «за сколько должен грузиться сайт» не существует: смотрят на набор метрик и на долю пользователей, у которых они в норме.
Влияет ли скорость на позиции в поиске
Влияет как один из факторов удобства страницы, но не заменяет соответствие запросу. Ускорение нерелевантной страницы позиций не даст.
Чем проверить скорость сайта
PageSpeed Insights и Lighthouse дают лабораторный разбор с перечнем проблем; отчёты по реальным пользователям показывают, как обстоят дела на практике. Смотреть стоит и то, и другое.
С чего начать ускорение
С изображений и сторонних скриптов: на большинстве сайтов именно они дают основную задержку. Настройки сервера и кода имеет смысл трогать после того, как эти два пункта закрыты.
Проводим технический аудит и выводим сайты в топ — поисковое продвижение сайтов. Смежное: что проверять при SEO-аудите.