Размер страницы и скорость загрузки HTML
Введите адрес — покажем, сколько весит HTML, включено ли сжатие, как быстро отвечает сервер и что на странице тормозит загрузку.
Почему вес и скорость HTML важны
HTML — первое, что получает браузер. Пока код страницы не пришёл, не начинают грузиться ни стили, ни картинки, ни скрипты. Поэтому время ответа сервера и вес HTML задают нижнюю границу скорости всей страницы: никакая оптимизация картинок не поможет, если сервер думает две секунды.
Поисковые системы тоже смотрят на скорость. Google учитывает её в оценке страниц, Яндекс — в качестве сайта. А робот при медленном сервере обходит меньше страниц за раз, и новые страницы попадают в индекс позже.
Что показывает проверка
| Показатель | Хорошо | Что значит |
|---|---|---|
| Время до первого байта (TTFB) | до 200 мс | Сколько сервер думает, прежде чем начать отвечать. Больше 600 мс — сайт тормозит ещё до загрузки |
| Вес HTML | до 100 КБ | Размер кода страницы. Огромный HTML обычно значит встроенные скрипты, стили или тысячи узлов меню |
| Сжатие | gzip или br | Без сжатия по сети идёт в 3–6 раз больше данных |
| Узлов DOM | до 1500 | Количество элементов на странице. Больше — тяжелее отрисовка, особенно на телефонах |
| Блокирующие скрипты | 0 | Скрипты в <head> без async и defer останавливают отрисовку, пока не загрузятся |
Из чего складывается время ответа
Запрос проходит несколько этапов: поиск адреса сервера в DNS, установка соединения, согласование шифрования TLS, ожидание ответа и получение данных. Инструмент показывает каждый этап отдельно. Если долгий DNS — проблема у регистратора или провайдера DNS. Если долгое соединение — сервер далеко или перегружен. Если долго ждём первого байта — тормозит сам сайт: медленные запросы к базе, нет кеширования, тяжёлые плагины.
Как ускорить
Самые частые и дешёвые улучшения: включить сжатие на сервере, включить кеширование страниц в CMS, перенести скрипты в конец страницы или добавить им defer, вынести большие встроенные стили и скрипты в отдельные файлы, которые браузер закеширует. Если время до первого байта больше секунды, начинать стоит с сервера — без этого остальное почти не даст эффекта.
Частые вопросы
Не нашли ответ? Напишите в Telegram
Почему у меня сайт открывается быстрее, чем показывает инструмент?
Браузер мог взять страницу из кеша, а вы можете быть ближе к серверу. Инструмент делает запрос с нуля, без кеша, с нашего сервера в России — так, как страницу получает новый посетитель.
Это то же самое, что PageSpeed Insights?
Нет. PageSpeed загружает страницу целиком в браузере и меряет отрисовку. Здесь проверяется фундамент: ответ сервера, вес HTML и то, что в коде мешает быстрой загрузке. Начинать лучше с него.
Почему вес по сети меньше веса страницы?
Это работает сжатие: сервер сжимает HTML перед отправкой, браузер распаковывает. Разница в 3–6 раз — нормально. Если веса совпадают, сжатие выключено.
Что такое HTTP/2 и зачем он нужен?
Новая версия протокола: браузер загружает много файлов по одному соединению параллельно. Сайт на HTTP/1.1 загружает ресурсы медленнее. Сегодня HTTP/2 поддерживает почти любой хостинг — его нужно просто включить.
Сайт грузится медленно, и вы теряете посетителей?
Скорость — это и позиции, и конверсия. Напишите — найдём, что именно тормозит ваш сайт, и составим план ускорения.