Измерение полного размера страницы в Chrome DevTools

я погуглил, но не нашел четкого решения для этого.

Я хочу измерить полный вес / размер веб-страницы (все doucment + скрипты + шрифты + стили и т. д.). Я знаю, что вкладка "сеть" в devtools имеет размер / контент, но я хочу, чтобы она суммировалась (а не суммировалась каждый раз).

Я искал chrome.инструменты разработчика.* API, но не нашли ничего прямого.

У вас есть идеи, как этого достичь?

1 ответов


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

Network Transfer

отдельные размеры округлены, но общая сумма внизу использует размер байта, который вы можете видеть в HAR. Итог затем округляется для отображения. Если вы обнаружите небольшое несоответствие между суммированием индивидуумов и итогом, показанным DevTools, это причина.