онлайн инструмент для проверки размера веб-страницы

О ВЕБСАЙТЕ PAGE SIZE CHECKER

Сайт Размер страницы Checker это один из многих инструментов SEO, которые SmallSeoTools разработал за эти годы. Этот замечательный инструмент, как следует из названия, является размер проверки страницы, которые могут быть использованы, чтобы узнать размер страницы любого конкретного URL. Это инструмент магии, который пользователи могут использовать, чтобы проверить размер сайта в Интернете. Если ваш сайт занимает больше времени, чем обычно, чтобы загрузить то, возможно, вам нужно работать на размер вашего сайта, потому что это может привести к высокой скорости отскока, как интернет-пользователи не склонны иметь терпение, чтобы ждать веб-страницы, чтобы открыть. Средний маленький размер веб-страницы оценивается в 12 КБ и что будет загружаться очень быстро. Чем больше средств массовой информации на странице, тем больше размер страницы и тем медленнее он будет загружаться. Встроенное видео, изображения, аудио, график, флэш и другие формы средств массовой информации будут увеличить размер страницы. Первые вещи во-первых, это очень важно для здоровья и производительности вашего сайта, что вы знаете размер вашего сайта, но как знать, общий размер веб-сайта? Вот где веб-страница размер шашка или размер страницы инспектор входит в игру.

КАК ПРОВЕРИТЬ САЙТ SIZE ОНЛАЙН С ИСПОЛЬЗОВАНИЕМ САЙТА PAGE SIZE Checker?

Производительность любого веб-сайта измеряется на основе времени, которое требуется, чтобы открыть определенную веб-страницу. Сайт общего размера проверка является инструментом, который поможет вам проверить размер сайта в Интернете и улучшить производительность вашего сайта, позволяя вам знать размер ваших индивидуальных веб-страниц. Если у вас есть ограниченное пространство с веб-хостинга, то, во-первых, вы должны найти лучший веб-хостинга, а во-вторых, вы должны следить, сколько места вы используете при оценке каждой веб-страницы. Что еще более важно, ограничить размер каждой страницы, чтобы сохранить быстрее время загрузки и сохранить низкий показатель отказов.

Почему вы должны использовать наш веб-сайт PAGE SIZE CHECKER?

Есть много веб-страниц Размер шашка инструментов, доступных через Интернет, которые вы можете использовать, чтобы проверить размер вашей веб-странице, то, что делает наш инструмент уникальным? Мы просто предлагаем Вам один из лучших инструментов для проверки веб-сайта размером в Интернете. Наш веб-сайт Размер страницы проверка является простой, быстрой и надежной; и абсолютно бесплатно использовать для всех и буквально везде.

Как использовать сайт PAGE SIZE CHECKER ИНСТРУМЕНТ?

Это очень легко использовать наш веб-сайт страницы инструмента размера клетчатого проверить размер сайта в Интернете. Если вы ищете способ, как знать общий размер сайта, то наш сайт размер страницы проверки является простейшим инструментом, который можно найти через Интернет, чтобы служить этой цели. Для использования инструмента, все, что вам нужно сделать, это предоставить URL веб-страницы, которую вы хотите, чтобы проверить в текстовом поле и нажмите на зеленую кнопку «Проверить». Результаты будут отображаться для вас в течение всего нескольких секунд, в том числе размера страницы в байтах как и кило байт.

Мы надеемся, что знаю, вы знаете почти все о веб-сайт общей проверки размера и его значение, чтобы проверить размер сайта в Интернете. Однако, не забудьте оставить свой отзыв, который необходим для улучшения наших инструментов и веб-сайта в целом.

Другие языки: English, русский, 日本語, italiano, français, Português, Español, Deutsche, 中文

проверьте HTML-страницу веб-сайта на размер в килобайтах ᐈ

Не дизайн и не контент иногда задают тон веб-странице, а ее размер! В этой статье мы узнаем, почему средства проверки размера веб-страницы важны и в какой степени вы можете использовать этот замечательный инструмент.

Что такое средство проверки размера веб-страницы?

Посетителям Интернета не хватает терпения ждать загрузки веб-страницы. Короткая веб-страница должна иметь размер в среднем 12 КБ, что позволит быстро загрузить ее. Чем больше мультимедиа на странице, тем больше сайт и тем медленнее он загружается. Встроенные видео, изображения, аудио, графика и другие медиафайлы увеличивают размер страницы.

Знание размера веб-страницы жизненно важно для ее работоспособности и производительности. Но как можно оценить общий размер веб-сайта? Может помочь средство проверки размера страницы веб-сайта, также называемое инспектором размера страницы.

Веб-сайт Размер страницы Checker является одним из параметров Sitechecker. Pro много инструментов SEO. Этот замечательный инструмент представляет собой средство проверки размера страницы, которое может определить размер страницы любого URL-адреса. Затем вы можете внести соответствующие изменения в свой сайт: например, если ваш сайт загружается дольше, чем обычно, вы можете подумать о его сжатии.

Использование средства проверки размера веб-страницы Sitechecker

Чтобы проверить размер веб-сайта в Интернете, воспользуйтесь нашим инструментом проверки размера страницы веб-сайта.

Шаг 1. Вставьте URL-адрес

Скопируйте URL-адрес своей веб-страницы, вставьте его в доступный блок на нашем веб-сайте и нажмите кнопку со стрелкой, чтобы начать процесс проверки.

Шаг 2. Результаты

Страница приведет вас к результатам, как показано. Вы также можете проверить ссылку для получения дополнительных советов по увеличению размера веб-страницы.

Имеет ли значение размер страницы веб-сайта?

Когда дело доходит до веб-сайтов, больше не значит лучше!

Небольшие веб-страницы обычно загружаются быстрее для тех, кто запрашивает их через Интернет. Физические размеры файлов, а не высота или длина страницы, отображаемой на экране, определяют размер веб-страницы.

Как размер влияет на производительность сайта?

Размер веб-страницы важен для производительности, тестирования и анализа веб-сайта. Размер исходного кода менее важен, чем содержимое текущих широкополосных подключений. Большие страницы замедляют время загрузки, вызывая задержку.

Как это влияет на пользователей?

Медленная загрузка сайта может привести к высокому показателю отказов. Когда они нажимают на ссылку, пользователи ожидают, что веб-страница появится мгновенно, и они перейдут к кнопке «Назад», если это займет слишком много времени.

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

Как это влияет на поисковую оптимизацию?

По данным Google. , риск отказа пользователя мобильного сайта возрастает на 123 % по мере того, как время загрузки страницы увеличивается с одной секунды до десяти секунд.

Как видите, скорость страницы (которая зависит от размера страницы) имеет решающее значение — не только для взаимодействия с пользователем, но и для рейтинга в поисковых системах.

Почему увеличивается размер страницы?

Помимо кода HTML и таблицы стилей, размер загрузки других объектов зависит от того, как была разработана веб-страница.

Функции JavaScript включают вращающиеся баннеры, наведение курсора, всплывающие окна, проверку формы и многое другое. Javascript занимает много места в файле, особенно на пользовательских сайтах электронной коммерции, и его трудно уменьшить без потери функциональности.

Изображения могут различаться по размеру в зависимости от формата и качества файла. Веб-сайты с небольшим количеством графики могут плохо конвертироваться (кто хочет читать обычный текст?). Однако веб-сайты, которые продают или демонстрируют что-то подробное, требуют высококачественных изображений, которые занимают больше места на диске.

Благодаря технологиям кодирования видео, таким как MPEG, данные сжимаются до минимально возможного размера при определенных параметрах. Если они не воспроизводятся автоматически, многие мультимедийные ресурсы на веб-странице требуют, чтобы пользователь взаимодействовал с ними перед загрузкой.

Размер пользовательских шрифтов составляет примерно 0,5 МБ, а использование дополнительных стилей и веса увеличивает этот показатель. Пользовательские шрифты можно уменьшить, удалив группы символов. Многие веб-сайты используют только ОС Windows или Apple для отображения веб-шрифтов.

Подробнее о том, почему увеличивается размер страницы, можно узнать здесь.

Каков нормальный размер страницы?

Знакомство со стандартным размером веб-сайта — это первый шаг. Ваш сайт будет загружаться быстрее, если ваши фактические страницы менее 3 МБ. Размер страницы 3 МБ или больше увеличивает показатель отказов, снижая трафик. Чтобы оптимизировать скорость загрузки страницы вашего сайта, используйте нашу программу проверки размера страницы веб-сайта в качестве калькулятора для измерения размера вашего домена.

Как оптимизировать размер страницы?

Оптимизируйте свои фотографии

Чтобы создать наилучшие фотографии, подумайте:

Физический размер в пикселях.

Общий размер изображения

Качество изображения

Измеряется плотность пикселей изображения. В этом случае не имеет значения, уменьшено ли изображение с 1600 на 1600 до 500 на 500 размеров.

Рассмотрите возможность использования более быстрых форматов изображений, таких как WebP, вместо расширения png.

Используйте сжатие фотографий без потерь, чтобы добиться эффективной оптимизации, которая устраняет все проблемы и не влияет на изображение. Вы можете научиться делать это здесь: https://sitechecker.pro/site-audit-issues. /размер-изображения-100-КБ/

Использование сжатия текста также поможет уменьшить размер! Узнайте, как это сделать быстро, просто нажав на эту ссылку: https://sitechecker.pro/site- аудит-вопросы/включить-сжатие-текста/

Уменьшить кеш Google

Кэш-память утяжеляет веб-сайт как для пользователя, так и для вас. Вы можете уменьшить его, чтобы страницы загружались быстрее.

Сократите количество HTML- и CSS-скриптов

Минимизация вашего HTML и файлы CSS могут значительно уменьшить размер страницы, удалив нежелательные и ненужные интервалы из кода. Если вы знаете, что ваши страницы раздуты ненужным кодом, их минимизация имеет смысл. Вы можете научиться уменьшать размеры HTML-страниц здесь: https://sitechecker.pro/site-audit. -issues/pages-large-html-size/

Та же логика применима к файлам JavaScript и CSS. Однако, поскольку языки разные, вам придется выучить необходимый синтаксис! Узнайте, как уменьшить размер JS здесь: https://sitechecker. pro/site-audit- Issues/javascript-file-size-25-kb/

И пока вы в курсе, научитесь делать то же самое для файлов CSS здесь: https://sitechecker.pro/site-audit-issues/css-file-size-15-kb/

Анализа размера страницы недостаточно для оптимизации вашего сайта для поисковых систем!

Проведите полный аудит, чтобы выяснить и исправить ваше техническое SEO, чтобы улучшить результаты поисковой выдачи.

Измерение веса страницы

Первоначально эта статья была опубликована на mobiForge.com.

Раньше это было так просто.

Измерение веса веб-страницы на заре существования Интернета было просто вопросом ожидания завершения загрузки страницы и последующего подсчета размера составляющих ее ресурсов.

Однако с тех пор многое изменилось. Интернет неумолимо движется от сети документов к сети приложений, работающих на JavaScript и HTML5, что значительно усложняет работу по измерению веса страницы. Существует удивительно мало исследований по этой важной теме. В этой статье мы поговорим о способах измерения веса страницы в мире мобильных устройств и многофункциональных сайтов, похожих на приложения.

Примечание: Эта статья является второй частью серии статей, посвященной весу страниц. Часть I: Понимание веса страницы

Что вообще означает вес страницы?

Одним из результатов кардинальных перемен в веб-публикациях является то, что на самом деле больше нет общепринятого определения того, что означает вес страницы.

Страница может довольно быстро загружать свои первоначальные связанные ресурсы, но то, что происходит дальше, теперь полностью открыто — в конце концов, JavaScript — это полный по Тьюрингу язык. Возьмите Gmail в качестве примера: начальная страница загружается быстро, но страница практически пуста. После начальной загрузки страницы Gmail становится полноценным JavaScript-приложением, которое просто отображает свой интерфейс в DOM и сохраняет открытое соединение с сервером, как это могло бы быть с родным бинарным почтовым приложением. Таким образом, любое измерение веса страницы является несколько произвольным, поскольку вы должны выбрать точку отсечки, после которой последующие сообщения не считаются связанными с начальной загрузкой страницы.

Еще один фактор, усугубляющий путаницу, заключается в том, что измеренный вес страницы все чаще зависит от устройства и/или размера экрана — больше не существует единого канонического представления. Сочетание обнаружения устройств на стороне сервера, контекстно-зависимых тегов HTML и сценариев на стороне клиента означает, что ресурсы, такие как изображения, могут быть выборочно выбраны в соответствии с рассматриваемым устройством, например. изображение, которое подходит для разрешения экрана конкретного устройства, а не универсальная версия.

Наконец, по мере того, как объем и мощность встроенных сторонних компонентов увеличиваются, к весу страницы добавляется еще один уровень изменчивости:

• Реклама (которая может основываться практически на любом факторе, включая историю просмотров, тип устройства, местоположение, пол)
• Виджеты социальных сетей и наличие учетной записи и вход в систему
• Поддержка сторонних файлов cookie и конфигурация заголовка «Не отслеживать» (DNT)
• Тип браузера
• Первое посещение в сравнении с повторным посещением

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

8 мифов о Мобильная оптимизация

Изучите наиболее распространенные заблуждения о создании мобильных сайтов, которые действительно улучшают UX на разных устройствах.

Скачать бесплатное руководство

Результаты тестирования веса страницы

Чтобы проверить, насколько хорошо работают некоторые распространенные инструменты измерения, я создал серию страниц возрастающей сложности, начиная с чистой HTML-страницы без стилей или изображений и заканчивая стилизованной страницей с AJAX. -загруженные изображения, фреймы и веб-сокеты. Вы можете найти эти страницы на GitHub или разместить здесь.

Мы проверили эти тестовые страницы с помощью многих браузерных и веб-инструментов тестирования. Вы можете увидеть результаты в этом общедоступном документе Google Sheets. Результаты теста окрашены в зеленый или красный цвет в зависимости от того, занижает или завышает инструмент вес страницы по сравнению с Chrome. Chrome использовался в качестве эталона, потому что, основываясь на ручном подсчете ресурсов на каждой странице, он всегда возвращал правильный результат. Ссылки на результаты теста WebPagetest включены для полноты картины.

Проверка веса страницы с помощью различных инструментов.

Следует отметить несколько интересных аспектов. Прежде всего, обратите внимание, что почти каждый инструмент как занижает, так и переоценивает в зависимости от типа тестируемой страницы, что вызывает беспокойство.

Далее обратите внимание на широкий разброс результатов. Средний коэффициент между наименьшим и наибольшим результатами по тестовым данным равен 52. Даже на самых простых страницах соотношение между максимальным и минимальным весами показателей составляет почти пять.

Честно говоря, многие расхождения связаны с разными подходами: WebPagetest включает фавиконы, а некоторые инструменты — нет; sitespeed. io можно дополнительно настроить на использование локального браузера для получения более точных результатов. Но ясности по-прежнему не хватает, и многие инструменты вопиюще некорректны даже на простых страницах.

Урок состоит в том, что к указанному весу страниц следует относиться с некоторым скептицизмом, поскольку между наиболее популярными инструментами почти нет согласия, и большинство инструментов допускают серьезные ошибки. Нам нужно начать спрашивать, как измерялись веса.

Предлагаемый стандарт веса страницы

В Севре, пригороде Парижа, Международное бюро мер и весов хранит кусок металла точного размера под тремя концентрическими стеклянными крышками. Этот цилиндрический слиток, состоящий из платины и иридия, точно определяет, что такое килограмм.

Идеальный килограмм в Париже, надежно защищенный тремя концентрическими крышками для сыра

По иронии судьбы получается, что, как и наша всемирная паутина, эталонный Килограмм набирает массу несмотря на тройные сырные обложки. Или, возможно, он теряет массу, никто не может быть уверен — все, что известно, это то, что он отличается от того, что был раньше. Таким образом, ученые разумно пытаются определить массу с точки зрения некоторого фундаментального физического свойства (подобного другим единицам измерения СИ), а не произвольно выбранного количества металла. Вы можете прочитать больше в Economist: Стоит ли Париж мессы?

Очевидно, что нам нужна лучшая ссылка на вес веб-страницы, которая так же тщательно определена. Для этого нам нужно начать с определения того, что именно означает загрузка страницы. Наше нынешнее отсутствие стандарта делает измерение веб-страницы таким же произвольным, как определение длины по руке правящего монарха. Браузеры уже запускают событие DOMContentLoaded, когда считают, что все исходные элементы загружены. Но это событие срабатывает, когда загружаются все стандартные связанные ресурсы, то есть такие элементы, как изображения и другие медиафайлы, которые связаны стандартными тегами HTML и, таким образом, пропускают большую часть того, что представляет собой сегодняшняя сеть.

Лучшее определение загрузки страницы для современной сети должно быть более точным, чем это было раньше, и должно включать следующие элементы:

• содержимое iframe, определенное на странице
• запросов, инициированных JavaScript связанных с загрузкой страницы

Поскольку у любой сетевой активности, инициированной JavaScript, нет естественного конца, требуется точка отсечки. Мы предлагаем, чтобы задержки в 5 секунд после начального события DOMContentLoaded было достаточно, чтобы зафиксировать большую часть активности, связанной с загрузкой страницы, без включения слишком большого количества ложных данных. Это дополнительное время может существенно повлиять на измеренный вес:

1. $ узел page-weight.js http://boingboing.net 0 2. Страница loadEvent срабатывает через 1,8 секунды, ожидание дополнительных ресурсов 0 секунд. 3. ВСЕГО: 112 запросов 2 867 932 байта 2800,71 КБ 4. 5. $ узел page-weight.js http://boingboing.net 5 6.

Страница loadEvent срабатывает через 1,5 секунды, ожидание дополнительных ресурсов 5 секунд. 7. ИТОГО: 110 запросов 3 526 896 байт 3444,23 КБ 1. $ узел page-weight.js http://theguardian.com 0 2. Страница loadEvent срабатывает через 0,8 секунды, ожидание дополнительных ресурсов 0 секунд. 3. ВСЕГО: 72 запроса 298985 байт 291,98 КБ 4. 5. $ узел page-weight.js http://theguardian.com 5 6. Страница loadEvent срабатывает через 0,9 секунды, ожидание дополнительных ресурсов 5 секунд. 7. ВСЕГО: 107 запросов 890 261 байт 869,40 КБ

Ожидание дополнительных пяти секунд для загрузки ресурсов добавило 23% и 197% к весу страницы соответственно, действительно значительная разница.

Второй аспект, который следует стандартизировать, — указать, что именно учитывается, а что не учитывается. Мы предлагаем подсчитывать весь объем передаваемых по воздуху запросов (т. е. сжатый размер при использовании GZIP или deflate) плюс заголовки ответов, поскольку это наиболее точно отслеживает затраты времени и пропускной способности для пользователя. Сообщать что-либо еще просто не имеет смысла.

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

• Измеряет ли инструмент размер ресурсов, передаваемых по беспроводной сети, или результат после получения?
• Включены ли заголовки ответа?
• Включен ли favicon.ico страницы?
• Включено ли содержимое фреймов?
• В какой степени учитываются сетевые запросы, инициированные JavaScript?

Итак, отложив этот призыв к стандарту, давайте подробно рассмотрим, как работают популярные инструменты тестирования. Несмотря на важность измерения веса веб-страницы, инструменты, доступные для его измерения, явно недоработаны, недостаточно протестированы и неправильно поняты.

Инструменты измерения на основе браузера

Наиболее очевидный инструмент измерения в распоряжении разработчиков находится в самом браузере, поскольку все современные браузеры предлагают богатый набор инструментов для отладки и измерения.

Интересно, что между браузерными инспекторами очень мало согласованности — между ними почти нет согласия по весу страницы, даже для самых простых страниц. Тем не менее, некоторые различия между ними объясняются определенной позицией в отношении того, что представляет собой запрос.

Начиная с базового уровня, браузеры сообщают об отдельных запросах и общем количестве страниц следующим образом:

Браузер	Отдельный запрос	Обзор страницы
Хром	Отчеты «Размер» и «Содержимое» отдельно. Размер — размер сжатого передаваемого по воздуху байта (если используется GZIP/deflate), включая заголовки ответа от сервера. Контент — это размер извлеченного ресурса в распакованном виде.	Сообщает сумму Размеры
Firefox	Размер отчета — размер извлеченного актива в распакованном виде без заголовков. Как ни странно, в случае двоичных активов, таких как изображения, Firefox по неизвестным причинам сообщает размер как версию актива в кодировке base64, таким образом завышая реальную стоимость примерно на 30%.	Сообщает сумму Размеры
Сафари	Отчеты о размере и передаче. Размер — это неупакованный размер извлеченного актива, переданный — это размер плюс размер заголовков ответа от сервера.	Сообщает сумму Размеры
Internet Explorer	Отчеты о размере и передаче. Размер — это неупакованный размер извлеченного актива, переданный — это размер плюс размер заголовков ответа от сервера.	Сообщает сумму Размеры

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

Например, для базовой HTML-страницы с десятью маленькими значками PNG размер страницы колебался от 6 КБ (Firebug) до 8,6 КБ (Chrome), разница составляет 43 %. Простая страница 2,191 байт HTML/JavaScript с загруженным с помощью AJAX изображением размером 474 КБ приводит к размеру страницы от 464 КБ (Chrome, правильно) до 619 КБ (Firefox, превышение на 33%) и колоссальным 928 КБ (Safari, 100% пересчет). Sitespeed.io включает favicon.ico в расчет размера страницы, что может значительно увеличить измеренный размер небольших страниц.

Панель инструментов веб-разработчика

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

Firebug

Firebug был одним из первых действительно многофункциональных инструментов разработчика, установившим стандарт для всего, что последовало за ним. Firebug сообщает о размере активов, передаваемых по беспроводной сети, но не включает заголовки ответов.

Все эти подходы имеют некоторую обоснованность, в зависимости от вашей точки зрения, но с точки зрения измерения влияния веса страницы на пользователей лучшим показателем является размер передаваемого по воздуху байта, истинная сетевая стоимость получения ресурсов страницы. По этой причине выбор Chrome для сообщения сжатой полезной нагрузки (если используется GZIP/deflate) плюс несжатые заголовки ответа является лучшим. некоторые случаи.

Веб-инструменты измерения

Существует множество веб-инструментов измерения веб-сайтов, каждый из которых имеет несколько иную направленность.

• Тест веб-страницы. Это проект с открытым исходным кодом, поддерживаемый Google, который больше фокусируется на сетевых аспектах, таких как время до первого байта и поддержание активности, а не на составляющих элементах страницы. Это отличный инструмент, который устанавливается во многих странах и позволяет пользователям выбирать разные (настоящие) браузеры для запуска теста. WebPagetest также сохраняет отчеты, на которые можно ссылаться, и создает файлы HAR и снимки экрана. WebPagetest имеет полностью документированный API, что делает его очень полезным инструментом для массового анализа. Одной особенно приятной особенностью WebPagetest является то, как он измеряет вес страницы первого просмотра и страницы повторного просмотра, что является важным аспектом производительности.
• готов.моби. Это наш собственный инструмент, и поэтому он представляет нашу собственную позицию по проблеме. Ready фокусируется на весе и сложности страницы и позволяет вам узнать, как вы себя чувствуете по отношению к сайтам Alexa 1000. Ready может создавать удобные отчеты в формате PDF и позволяет вам создать учетную запись для отслеживания прогресса вашего сайта с течением времени. Ready имеет задокументированный API для массового тестирования. Как и WebPagetest, mobiReady также генерирует отчеты, на которые можно ссылаться.
• Статистика PageSpeed. Еще один инструмент Google, который дает полезное высокоуровневое представление о производительности страницы. В отличие от WebPagetest, PageSpeed ​​дает представление об оптимизации CSS и изображений, а также о перенаправлениях. Общий размер страницы не упоминается.
• Тест скорости сайта Pingdom. Подобно WebPagetest, этот инструмент фокусируется на сетевых аспектах производительности, а также сообщает о размере страницы, времени загрузки и генерирует файл HAR. Pingdom дает полезную оценку по 8 различным аспектам производительности страницы, но не уделяет особого внимания размеру. Одним из особенно полезных аспектов их отчета является раздел «Размер на домен», который является полезным способом просмотра затрат на встроенную рекламу и другие виджеты.
• Sitespeed.io. Еще один инструмент с открытым исходным кодом, доступный для установки из npm или простой загрузки. В отличие от большинства инструментов здесь, поведение Sitespeed по умолчанию заключается в том, чтобы сканировать, начиная с начального URL-адреса, и сообщать о каждой встреченной странице. Sitespeed создает действительно хорошо отформатированные отчеты (естественно, в формате HTML) с подробным описанием каждой страницы.

PhantomJS

PhantomJS заслуживает особого упоминания из-за его широкого использования в качестве инструмента веб-тестирования. Несколько проектов и библиотек используют Phantom в качестве безголового браузера для целей тестирования и измерения, например. Касперджс, признайся.

К сожалению, PhantomJS неправильно сообщает размеры страниц с 2011 года из-за ошибки 10169, обычно значительно занижая вес. Вы можете убедиться в этом сами, запустив прилагаемый пример netsniff.js на странице известного размера. Эта ошибка не была исправлена ​​в последней версии 2.0. В результате нельзя доверять любому инструменту, который использует PhantomJS для измерения веса страницы, хотя он все же может быть полезен для измерения относительных размеров.

Вес страницы и вес пути

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

Традиционные перенаправления HTTP 301 и 302 эффективны с точки зрения полезной нагрузки, обычно занимая всего несколько сотен байтов каждое, но они приводят к значительным временным потерям, часто до нескольких сотен миллисекунд каждое. Это может показаться не таким уж большим, но, если рассматривать эту задержку в контексте, самые эффективные веб-разработчики (Google и т. д.) будут заканчивают загрузку и рендеринг за то время, которое требуется некоторым сайтам просто для того, чтобы заставить пользователя начать загрузку правильной целевой страницы. Это действительно важно — небольшие повторяющиеся трения медленной загрузки страниц в конечном итоге приводят к тому, что пользователи переходят по ссылкам на ваш сайт. В сетях 2G и 2.5G задержка приема-передачи обычно намного больше, что часто приводит к задержке перенаправления в одну секунду.

Перенаправления на основе JavaScript и тегов значительно более эффективны для пользователя, чем перенаправления 30X, поскольку некоторые или все страницы в пути перенаправления должны быть получены до того, как браузер сможет даже определить, куда идти дальше.

По этой причине мы в dotMobi решили начать подчеркивать вес пути , а не вес страницы, определяемый как общая стоимость байтов, понесенная при переходе на последнюю страницу и ее выборке, включая все переадресации на этом пути. Мы используем этот подход в нашем инструменте тестирования страниц, ready.mobi.

Пользователи Chrome и Firefox могут подражать этому поведению. В инспекторе Chrome установите флажок «Сохранить журнал». В Firefox вам нужно войти в настройки инструментов разработчика, щелкнув маленькую шестеренку, затем установить флажок «Включить постоянные журналы» в разделе «Общие настройки».

Рекомендации

Наши рекомендации по измерению веса страницы следующие.

• Если вы хотите использовать свой браузер, используйте Chrome. Это единственный браузер, который постоянно сообщает правильный вес страницы. Установите флажок «Сохранить журнал», если вы хотите измерять вес пути, а не вес страницы.
• Из веб-инструментов тестирования только наш собственный mobiReady постоянно дает правильные результаты на момент написания. WebPagetest делает все правильно почти всегда, но случайный аномальный результат немного беспокоит. Тем не менее, они, скорее всего, будут исправлены в ближайшее время (мы сообщили о проблеме).
• Sitetest.io — действительно хороший инструмент для локальной установки, но обратите внимание на широкий спектр предлагаемых им опций — он может дополнительно использовать локально установленный Chrome или Firefox для получения лучших результатов, чем PhantomJS по умолчанию.

Серия статей

• 1. Понимание веса веб-страницы
• 2. Измерение веса страницы
• 3. Уменьшение веса страницы

Основное изображение Автор iLike, через Flickr.

Проверка размера страницы | Инструменты SEO

Проверка размера страницы

Введите URL-адрес

О программе проверки размера страницы

Проверьте размер веб-страницы с помощью нашего инструмента проверки веса веб-страницы.

Средство проверки веса веб-страницы извлекает любой URL-адрес и возвращает общий размер в байтах, килобайтах и ​​мегабайтах в формате, позволяющем легко определить размер страницы.

---

Как определяется размер веб-страницы?

Вес страницы зависит от размера исходного кода сайта. Это включает в себя полный исходный код HTML, но не вложения или внешний CSS. Файлы, вызываемые отдельно в исходном коде, следует проверять по отдельности.

Когда вы вводите URL-адрес, наш инструмент извлекает полный исходный код веб-страницы и определяет размер исходного текста в килобайтах (КБ). Затем мы конвертируем его в байты и мегабайты (МБ), чтобы дать представление о том, насколько велика веб-страница.

Включает ли размер веб-страницы размер изображения?

Нет, инструмент вычисляет только размер исходного кода. Этот инструмент не проверяет размер встроенных изображений, видео или другого контента, который может отображаться на странице.

Почему размер веб-страницы имеет значение?

Основная причина, по которой вас может беспокоить размер веб-страницы, связана с производительностью или тестированием и анализом веб-сайта. Как правило, при современном широкополосном соединении размер исходного кода менее важен, чем содержимое страницы.

Abtoolseo Page Weight Calculator Tool — один из лучших инструментов для проверки размера страницы, доступных на рынке. И дело не только в том, что наш инструмент на 100% бесплатный, и не в том, что он моментально формирует отчеты; Основная причина, по которой наш инструмент для проверки веса страницы веб-сайта является одним из самых удобных калькуляторов размера страницы, заключается в его простоте использования.

Вам не нужно тратить часы, чтобы понять, как работает наш калькулятор веса страницы, вам также не нужно просматривать руководство по размеру страницы или что-то еще. Вам нужно только ввести URL-адреса, для которых вы хотите отслеживать размеры страниц, и нажать кнопку «Рассчитать вес страницы». Сделанный!

Калькулятор веса страницы выполнит проверку и создаст отчет в течение нескольких секунд.

Когда вы изучаете отчет о тестировании веса страницы, вам нужно знать, что стандартный размер веб-сайта составляет 3 МБ. Если размер вашей веб-страницы превышает 3 МБ после выполнения теста веса страницы, можно предположить, что ваш сайт будет загружаться медленнее. А медленная загрузка приводит к увеличению показателя отказов. Итак, вам нужно начать работать с размером веб-страницы по умолчанию, оптимизировать его для размеров экрана, размера макета веб-сайта и размера всего сайта, включая изображения. Вы должны стремиться снизить вес страницы до 3 МБ. Чем меньше ваш сайт от 3 МБ, тем быстрее он будет загружаться, что приведет к постоянному снижению показателя отказов. И по мере снижения показателя отказов вполне вероятно, что трафик на ваш сайт будет увеличиваться.

Вам нужно внимательно проанализировать отчет, в отчете указан размер страницы в байтах и ​​килобайтах. 1 МБ (мегабайт) равен 1000 КБ (килобайт).

Важность использования средства проверки веса веб-страницы

Существует множество причин, по которым вам следует использовать средство проверки веса веб-страницы:

• Экономия времени и усилий

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

• Экономит деньги

Выполнение теста размера страницы в нашем калькуляторе веса страницы совершенно бесплатно. Вам не нужно тратить ни копейки на расчет размера страницы.

Abtoolseo предоставляет вам бесплатные инструменты, такие как инструмент проверки размера страницы веб-сайта, такой как XML Sitemap Generator для создания карт сайта, средство проверки полномочий домена для проверки DA вашего сайта и многие другие бесплатные инструменты для управления доменом, ключевыми словами и веб-сайтом. контент и т. д.

• Снижает показатель отказов

Когда вы изучите отчет о тестировании размера страницы и начнете работать над уменьшением размера страницы, ваш веб-сайт начнет загружаться быстрее, а показатель отказов начнет улучшаться.

• Увеличивает трафик

Когда ваш показатель отказов снижается, само собой разумеется, что ваш трафик начнет значительно расти.

• Лучше для SEO

Компания Google официально заявила, что скорость страницы является одним из 200 факторов ранжирования, которые используются для определения того, какие страницы ранжируются на страницах результатов поисковой системы (SERP).