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

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

Откройте инструменты разработчика ( Ctrl+ Shift+ Iили значок настроек в правом верхнем углу окна браузера => Tools=> Developer tools) на нужной странице, перейдите на вкладку Сеть и перезагрузите страницу .

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

Я создал свой 3-й Chrome Extension Page Size Inspector, который быстро сообщает о размере страницы, использовании кэша, сетевых запросах и времени загрузки веб-страницы удобным способом.

Существует расширение под названием « Быстрый просмотр исходного кода », которое кэширует все ресурсы при загрузке страницы. Откройте средство просмотра (синий значок), размер (количество байтов) отображается на панели навигации слева.