Скорость загрузки сайта

Посетитель не будет ждать: если страница грузится дольше трёх секунд, заметная часть людей закрывает её, не дождавшись. Поисковые системы это знают и учитывают скорость и удобство страниц при ранжировании — особенно в мобильной выдаче. Разберём, как проверить скорость загрузки сайта, какие показатели считаются нормой и что ускоряет страницы сильнее всего.

Да, но не напрямую «быстрее — значит выше». Google официально использует показатели Core Web Vitals как один из факторов ранжирования. Яндекс оценивает удобство через поведение пользователей: медленный сайт чаще закрывают, глубина просмотра падает, и это сказывается на позициях. Кроме того, медленные страницы реже и медленнее обходит поисковый робот.

Главное же — деньги: на медленном сайте меньше заявок и покупок при том же трафике.

1. Время ответа сервера (TTFB) — от запроса до первого байта страницы. Зависит от хостинга, кеширования и того, сколько работы сервер делает для каждой страницы.
2. Загрузка файлов — стили, скрипты, картинки и шрифты. Чем их больше и чем они тяжелее, тем дольше.
3. Отрисовка — браузер строит страницу. Скрипты в начале страницы без атрибутов async и defer останавливают этот процесс, пока не загрузятся.

• Время ответа сервера — до 0,6 секунды хорошо, до 1,5 терпимо, больше — нужно разбираться.
• Вес страницы — ориентир до 2 МБ вместе со всеми файлами.
• Число файлов — больше 100 запросов на одну страницу — повод навести порядок.
• Core Web Vitals — метрики Google по реальным пользователям: LCP (загрузка главного элемента) до 2,5 с, INP (отклик на действия) до 200 мс, CLS (сдвиги вёрстки) до 0,1.

Онлайн-проверка на nextin.ru

Инструмент «Проверка скорости загрузки» загружает страницу и все её файлы и показывает время ответа сервера, вес страницы, самые тяжёлые файлы, сжатие и кеширование, блокирующие скрипты, картинки без размеров и без отложенной загрузки. Итог — оценка от 0 до 100 и рекомендации по оптимизации, отсортированные по важности. Проверка бесплатная и не требует регистрации.

Google PageSpeed Insights

Сервис Google эмулирует загрузку на медленном телефоне и на компьютере и показывает Core Web Vitals — как в лабораторном тесте, так и по реальным пользователям Chrome, если у сайта достаточно трафика. Оценки для мобильной версии почти всегда ниже — ориентируйтесь именно на неё.

Яндекс Метрика и Вебмастер

В Метрике есть отчёт о времени загрузки страниц у ваших реальных посетителей, а в Яндекс Вебмастере — данные о скорости ответа сервера роботу. Эти отчёты обновляются с задержкой, поэтому смотрите их через одну-две недели после изменений.

Google Search Console

Отчёт «Основные интернет-показатели» группирует страницы сайта по оценкам Core Web Vitals — удобно, чтобы найти целые разделы с проблемами.

Разные инструменты дают разные цифры: одни меряют с сервера, другие эмулируют браузер и медленный интернет. Не гонитесь за «100 баллами» — важнее найти и устранить конкретные проблемы.

1. Сжатие на сервере

Включите gzip или brotli для HTML, CSS, JavaScript и SVG. Это настройка веб-сервера, а текстовые файлы становятся меньше в 3–5 раз. Если хостинг не даёт доступа к настройкам, попросите поддержку.

2. Кеширование статики

Заголовки Cache-Control или Expires позволяют браузеру хранить стили, скрипты и картинки и не скачивать их заново при следующем визите. Для файлов с версией в имени можно ставить срок в год.

3. Оптимизация изображений

• Сохраняйте фото в WebP или AVIF — они легче JPEG и PNG на 25–50%.
• Уменьшайте картинки до размера, в котором они показываются: незачем грузить снимок в 4000 пикселей ради превью в 400.
• Включите отложенную загрузку (loading="lazy") для картинок ниже первого экрана.
• Указывайте width и height, чтобы страница не «прыгала» при загрузке — это улучшает CLS.

4. Скрипты и стили

Добавьте defer скриптам, которые не нужны для первой отрисовки, или перенесите их в конец страницы. Объедините мелкие CSS-файлы, удалите неиспользуемые стили. Пересмотрите сторонние виджеты: чаты, кнопки соцсетей, лишние счётчики — каждый тянет за собой десятки и сотни килобайт.

5. Время ответа сервера

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

6. Лишние редиректы

Каждый редирект — ещё один запрос и задержка. Ставьте внутренние ссылки сразу на конечные адреса, с https и нужным вариантом www. Цепочки редиректов покажет инструмент «Ответ сервера».

На телефоне медленнее и процессор, и интернет, поэтому всё, что на компьютере почти незаметно, на смартфоне превращается в секунды ожидания. Проверяйте в первую очередь мобильную версию: тяжёлые слайдеры, видео в первом экране и десятки скриптов — главные враги быстрой мобильной загрузки.

1. Проверьте главную и пару ключевых страниц — категорию и карточку товара или услуги.
2. Исправьте то, что помечено как «Важно»: медленный сервер, отсутствие сжатия, тяжёлую страницу.
3. Затем займитесь картинками и скриптами.
4. Проверьте страницы ещё раз и сравните результат.

Быстрая страница должна быть ещё и правильно оптимизирована — проверьте её в SEO-анализе страницы.