Как узнать размер страницы сайта
Укажите полный адрес страницы в поле выше и нажмите «Проверить». Сервис выполнит запрос к серверу отдельно от вашего браузера, поэтому результат не зависит от локального кеша и показывает именно то, что отдаёт сервер. Проверка идёт по одному URL: вставляйте конкретную страницу, а не корень сайта, если интересует вес именно этой страницы.
Как размер HTML влияет на загрузку сайта
Браузеру нужно скачать HTML-код до того, как он начнёт рисовать страницу и подгружать остальные ресурсы. Чем крупнее документ, тем дольше путь от первого запроса до отрисовки, особенно на медленной сети и мобильных устройствах. Второй эффект — память: разметка разворачивается в DOM, а очень большие документы нагружают браузер даже после загрузки. При этом сжатие по сети (gzip, Brotli) заметно сглаживает проблему, поэтому смотреть стоит на оба показателя: размер после распаковки и объём переданных данных.
Почему HTML-страница может много весить
Частые причины: встроенные в разметку стили и скрипты, большие JSON-блоки с данными для клиентских компонентов, продублированные фрагменты шаблонов, скрытые версии блоков для разных устройств, незакомментированный код и служебная разметка CMS. Отдельно стоит проверять страницы с длинными списками: каталоги, архивы и ленты нередко отдают весь контент одним документом вместо того, чтобы разбить его на страницы или подгрузить по мере необходимости.
Как уменьшить размер HTML-кода
Начните с аудита разметки: уберите лишние обёртки, комментарии и дубли, вынесите встроенные CSS и JavaScript в отдельные файлы, которые кешируются браузером. Крупные JSON-данные лучше отдавать отдельным запросом или отрендерить на сервере в готовом виде. Убедитесь, что включено сжатие ответа на сервере — это не уменьшает сам HTML, но снижает объём передачи по сети. Если документ по-прежнему очень большой, разбейте контент на части: пагинация, «показать ещё» или серверная частичная отрисовка уменьшают вес начального HTML без потери функциональности. Главное — не жертвовать доступностью и корректной работой страницы ради сокращения байтов.
Чем размер HTML отличается от полного веса страницы
Размер HTML — это вес одного документа с разметкой. Полный вес страницы складывается из HTML, стилей, скриптов, изображений, шрифтов и прочих загрузок, которые браузер делает после получения разметки. Обычно ресурсы весят в разы больше самого HTML. Поэтому результат проверки используйте как первую точку отсчёта: если HTML уже занимает сотни килобайт, начать стоит именно с него, а для полной картины откройте вкладку Network в панели разработчика браузера.
Какой размер HTML-страницы можно считать нормальным
Универсального норматива нет: ориентир зависит от типа страницы. Компактная посадочная или статья обычно укладываются в десятки килобайт, контентные страницы с разметкой — в 100–200 КБ. Документы тяжелее 500 КБ редко бывают оправданы и чаще всего содержат лишнюю разметку. Оценка в результате проверки — это удобная классификация для навигации, а не официальное требование поисковых систем: на скорость и удобство влияет совокупность факторов, а не один вес документа.