Размер страницы влияет на скорость загрузки, Core Web Vitals и позиции в поиске. Чем тяжелее HTML, CSS, JavaScript и изображения — тем дольше браузер обрабатывает страницу. В 2026 году Google и Яндекс учитывают скорость как сигнал ранжирования. В этой статье — пошаговая инструкция, как проверить размер страницы онлайн, что влияет на вес и какие значения считать нормой.
Что такое размер страницы
Размер страницы — это сумма всех ресурсов, которые загружает браузер при открытии страницы:
— HTML-код;
— CSS-файлы;
— JavaScript-файлы;
— изображения;
— шрифты;
— видео и другие медиа.
Размер измеряется в килобайтах (КБ) или мегабайтах (МБ). Отдельно выделяют размер HTML-документа — это только разметка страницы, без внешних ресурсов.
Чем больше размер — тем дольше загрузка, особенно на мобильных сетях. Проверить размер страницы можно через проверку размера страницы.
Почему размер страницы важен
Четыре причины.
Скорость загрузки. Чем больше данных — тем дольше передача. На 3G и 4G разница особенно заметна.
Core Web Vitals. LCP (Largest Contentful Paint) напрямую зависит от размера критических ресурсов.
Позиции. Google и Яндекс используют скорость как сигнал ранжирования. Медленные страницы теряют позиции.
Конверсия. Каждая дополнительная секунда загрузки снижает конверсию на 7%. На мобильных — до 20%.
Проверить скорость можно через проверку TTFB и SEO-аудит SerpMax.
Как проверить размер страницы онлайн
Три способа.
Способ 1. Инструмент проверки размера страницы
Самый быстрый способ — использовать онлайн-инструмент. SerpMax предоставляет проверку размера страницы — введите URL, и инструмент покажет:
— общий размер страницы;
— размер HTML;
— размер CSS и JavaScript;
— размер изображений;
— количество HTTP-запросов;
— рекомендации по оптимизации.
Инструмент работает с любой страницей — не только с вашим сайтом. Можно проверить конкурентов.
Способ 2. Chrome DevTools
Если нужно детально разобрать, какие ресурсы самые тяжёлые — используйте Chrome DevTools.
Как:
1. Откройте страницу в Chrome.
2. Нажмите F12.
3. Перейдите во вкладку Network.
4. Обновите страницу (Ctrl+R).
5. Посмотрите внизу — там будет общий размер всех ресурсов.
6. Отсортируйте ресурсы по колонке Size — увидите, что занимает больше всего.
Chrome DevTools показывает полную картину: HTML, CSS, JS, изображения, шрифты. Можно фильтровать по типу ресурса.
Способ 3. PageSpeed Insights
Google PageSpeed Insights показывает размер страницы вместе с оценкой Core Web Vitals.
Как:
1. Откройте PageSpeed Insights.
2. Введите URL.
3. Нажмите «Анализ».
4. Посмотрите раздел «Ресурсы» — там будет общий размер и разбивка по типам.
PageSpeed Insights также показывает, какие ресурсы блокируют рендеринг и что можно оптимизировать.
Что влияет на размер страницы
Пять основных факторов.
1. Изображения
Самая тяжёлая часть большинства страниц. Если изображения не оптимизированы — они могут занимать 70-90% от общего размера.
Что делать: конвертировать в WebP или AVIF, сжать без потери качества, использовать адаптивные размеры. Проверить формат изображений можно через проверку формата изображений.
2. JavaScript
Современные сайты подключают десятки JS-библиотек. Каждая добавляет вес. Особенно тяжело — фреймворки (React, Vue, Angular), если они не оптимизированы.
Что делать: минифицировать JS, удалить неиспользуемый код, отложить загрузку некритичных скриптов. О способах — в статье Оптимизация JavaScript и CSS.
3. CSS
CSS-файлы обычно легче JS, но тоже влияют. Особенно если подключены тяжёлые фреймворки (Bootstrap, Tailwind) без оптимизации.
Что делать: минифицировать CSS, удалить неиспользуемые стили, встроить критический CSS в HTML.
4. Шрифты
Кастомные шрифты добавляют вес. Каждое начертание — отдельный файл. Если подключено 4-5 начертаний — это несколько сотен килобайт.
Что делать: подключить только нужные начертания, использовать WOFF2, предзагрузить критичные шрифты. О способах — в статье Ускорение загрузки шрифтов.
5. Встроенные ресурсы
Встроенный CSS и JavaScript в HTML увеличивают размер документа. Иногда это оправдано (критический CSS), иногда — нет.
Что делать: проверять, что встроено, и удалять лишнее. Проверить встроенный CSS можно через проверку встроенного CSS.
Какие значения считать нормой
Единого стандарта нет, но есть ориентиры:
HTML: до 100 КБ.
CSS: до 100 КБ.
JavaScript: до 300 КБ.
Изображения: до 500 КБ на страницу.
Полная страница: до 1-2 МБ.
Если страница весит больше 2 МБ — это повод для оптимизации. Если больше 5 МБ — критично.
Для мобильных версий требования жёстче: полная страница до 1 МБ.
Как уменьшить размер страницы
Если проверка показала, что страница слишком тяжёлая — вот что делать.
1. Оптимизировать изображения. Конвертировать в WebP/AVIF, сжать, использовать адаптивные размеры. Это даст самый заметный эффект.
2. Минифицировать HTML, CSS и JS. Удалить пробелы, комментарии, лишние символы. Инструменты: HTML Minifier, CSS Minifier, JS Minifier.
3. Включить сжатие gzip или Brotli. Уменьшает размер передаваемых данных в 2-5 раз. Проверить через проверку сжатия сервера.
4. Удалить неиспользуемый код. CSS и JS, которые не используются на странице, всё равно загружаются. Удалите их или разделите по страницам.
5. Отложить некритичные скрипты. Аналитика, чаты, виджеты — через defer или async.
6. Подключить CDN. CDN не уменьшает размер, но ускоряет передачу. О способах — в статье Кеширование и CDN.
О комплексном подходе — в статье Как уменьшить размер страницы сайта.
Как часто проверять размер страницы
Рекомендуемая частота:
— после добавления новых изображений или скриптов;
— после обновления CMS или установки плагинов;
— раз в месяц — как часть технического SEO-аудита;
— если заметили, что страница стала загружаться медленнее.
Размер страницы может вырасти незаметно. Регулярная проверка помогает поймать проблему до того, как она повлияет на позиции.
Что даёт проверка размера страницы
Три измеримых эффекта.
Понимание проблемы. Вы видите, какие ресурсы самые тяжёлые, и знаете, что оптимизировать в первую очередь.
Ускорение загрузки. Оптимизация размера ускоряет загрузку на 20-40% в зависимости от канала.
Улучшение Core Web Vitals. LCP улучшается, если критические ресурсы стали легче.
Не ждите мгновенного эффекта. Размер страницы — это накопительный фактор. Чем стабильнее сайт работает быстро, тем лучше поисковики и пользователи относятся к сайту.
Часто задаваемые вопросы
Как проверить размер страницы онлайн?
Через проверку размера страницы в SerpMax. Или через Chrome DevTools → Network. Или через Google PageSpeed Insights.
Какой размер страницы считается нормальным?
Полная страница до 1-2 МБ. HTML — до 100 КБ, CSS — до 100 КБ, JS — до 300 КБ, изображения — до 500 КБ. Для мобильных требования жёстче.
Почему размер страницы влияет на SEO?
Косвенно — через скорость загрузки и Core Web Vitals. Google и Яндекс используют скорость как сигнал ранжирования. Медленные страницы теряют позиции.
Что занимает больше всего места на странице?
Обычно изображения — 70-90% от общего размера. На втором месте — JavaScript. На третьем — шрифты и CSS.
Как уменьшить размер страницы без программиста?
Установите плагин оптимизации (WP Rocket, Autoptimize для WordPress), включите сжатие на сервере, конвертируйте изображения в WebP, включите lazy load. Это закроет 80% задач.
Что важнее — размер страницы или TTFB?
Оба важны. TTFB влияет на начало загрузки, размер — на её продолжительность. Если TTFB высокий — страница долго не начинает загружаться. Если размер большой — долго загружается после начала. О TTFB — в статье Как снизить TTFB.
Как часто нужно проверять размер страницы?
После добавления новых ресурсов, после обновления CMS, раз в месяц как часть технического аудита. Размер может вырасти незаметно.
Можно ли проверить размер страницы конкурента?
Да. Инструмент работает с любым URL. Можно проверить конкурентов и сравнить размеры.
