Measure full page size in Chrome DevTools

google-chrome web google-chrome-devtools performance-testing
Oskar Szura picture Oskar Szura · Jul 7, 2016 · Viewed 15.9k times · Source

I've been googling for some time but haven't found any clear solution for this.

I want to measure full webpage weight / size (all doucment + scripts + fonts + styles etc.). I know the network tab in the devtools has size/content - but I want to have it summed (and not sum it every time).

I've been looking for chrome.devtools.* API but haven't found anything straight-forward.

Do you have some ideas how to achieve that?

Answer

Gideon Pyzer picture Gideon Pyzer · Jul 7, 2016

In the Network tab, make sure 'Disable cache' is checked and then when you load a page, look at the bottom panel for the total transfer size. See screenshot below:

Network Transfer

The individual sizes are rounded, but the total at the bottom uses the byte size, which you can see in the HAR. The total then is rounded for display. If you find a slight mismatch between summing the individuals and the total shown by DevTools, that is the reason.

Related questions

Website response time :Difference between "load" and "finish" ,

I have to check google response time using chrome devtools network for that purpose I loaded a webpage and opened the network tab to check the response time of certain websites for example for this website I there are two …

Read More
Cannot open local file - Chrome: Not allowed to load local resource

Test browser: Version of Chrome: 52.0.2743.116 It is a simple javascript that is to open an image file from local like 'C:\002.jpg' function run(){ var URL = "file:///C:\002.jpg"; window.open(URL, null); } run(); Here is my sample code. https://…

Read More
Chrome - Disable cache for localhost only?

I'm using localhost for development; and I'm directly including jquery from CDN. It seems that pressing the "Ctrl + R" would force the pace to reload, including re-downloading the jquery from CDN. I want to ask if it's possible that.. when …

Read More