Статья
Скорость загрузки сайта: как проверить и ускорить
Медленный сайт теряет людей раньше, чем они увидят предложение: с телефона и мобильного интернета каждая лишняя секунда загрузки — это ушедшие посетители. Разбираем, как проверить скорость, что значат цифры в отчётах и что ускоряет сайт сильнее всего.
Почему скорость важна
- Люди не ждут. Если первый экран не появился за пару секунд, часть посетителей закрывает вкладку — особенно с телефона.
- Реклама дорожает. Вы платите за переход, а человек уходит, не дождавшись страницы.
- Поиск это учитывает. Google использует показатели скорости и удобства среди сигналов ранжирования. Решающими они бывают редко, но медленный сайт проигрывает равному по содержанию быстрому.
Как проверить
- PageSpeed Insights (pagespeed.web.dev) от Google — главный инструмент. Вставьте адрес и смотрите отдельно мобильную версию: она почти всегда хуже, а большинство посетителей приходят с телефонов.
- Данные реальных посетителей и лабораторный тест. Вверху отчёта — как сайт работал у настоящих людей за последние недели (если посещаемости хватает), ниже — разовый замер в условиях медленного телефона. Важнее первое.
- Яндекс Метрика показывает время загрузки страниц у ваших посетителей — удобно смотреть, какие страницы тормозят.
- Обычный телефон. Откройте сайт со своего телефона через мобильный интернет, не по Wi-Fi. Это самый честный тест.
Что значат цифры
Google оценивает скорость тремя главными показателями — Core Web Vitals:
| Показатель | Что измеряет | Хорошо |
|---|---|---|
| LCP | Когда появился самый крупный элемент первого экрана | до 2,5 с |
| INP | Как быстро страница откликается на нажатия | до 200 мс |
| CLS | Насколько «прыгает» вёрстка при загрузке | до 0,1 |
Общая оценка от 0 до 100 в PageSpeed — это лабораторный тест. Гнаться за сотней не нужно: сайт с оценкой 70 и хорошими показателями у реальных людей лучше, чем сайт с сотней, у которого реальные данные «красные».
Почему сайт тормозит
- Тяжёлые картинки. Фото по 5 МБ прямо с камеры, без сжатия и уменьшения под размер экрана — самая частая причина.
- Чужие скрипты. Чаты, виджеты, всплывающие окна, несколько счётчиков сразу — каждый грузит свой код.
- Видео на первом экране, которое начинает загружаться до того, как человек решил его смотреть.
- Шрифты. Пять начертаний со всеми языками вместо двух нужных.
- Сервер. Дешёвый хостинг, сервер на другом конце мира, отсутствие кэша.
- Лишний код платформы. Шаблоны и конструкторы тянут код всех возможностей сразу, даже тех, что на странице не используются.
Что ускоряет сильнее всего
- Сжать и уменьшить изображения. Современные форматы WebP и AVIF весят в разы меньше JPEG, а картинка под размер экрана — меньше исходника. Изображения ниже первого экрана грузятся, только когда до них доходит прокрутка.
- Убрать лишние скрипты. Пройдитесь по виджетам: что из этого реально приносит заявки? Остальное — удалить, нужное — подключать после загрузки страницы.
- Оставить нужные шрифты. Только используемые начертания и только кириллица с латиницей.
- Задать размеры блоков заранее, чтобы вёрстка не прыгала, когда догружаются картинки и баннеры.
- Хороший хостинг рядом с аудиторией и кэширование: сайт для клиентов в России быстрее отвечает с сервера в России.
Обычно первые два пункта дают больше, чем всё остальное вместе.
Красота против скорости
Эффекты — 3D, видео, анимация — стоят скорости, и это честный выбор. На нашей главной 3D-сцена, поэтому, пока она готовится, показывается экран загрузки. А статьи блога сделаны лёгкими: текст сразу приходит готовым, без тяжёлых эффектов. Правило такое: тяжёлое — там, где оно продаёт, лёгкое — там, где человек читает и ищет.
Если сайт не спасти настройками
Бывает, что медленный сайт держится на старой теме, десятке плагинов или конструкторе, и настройки дают немного. Тогда дешевле собрать сайт заново на коде с переносом страниц и адресов — это редизайн. Чем код отличается от конструктора, разобрано в статье «Тильда или сайт на коде».