how to get length/size of a webpage using javascript

Question

We get the webpage timing info using w3c navigation API.
we get the resource information using the resource timing API.
Now, how to get the size of the webpage. It appears that if I know when the page loaded, etc, I should know when the last byte was downloaded -- this should be enough to give me the length/size of the page.

How do I get this length/size ?

possibly already answered here: http://stackoverflow.com/questions/890221/how-to-get-current-page-size-in-kb-using-just-javascript — GrafiCode, Oct 26 '15 at 17:35
Looking for a plain javascript(without additional libraries) answer. thank you. — anjanb, Oct 27 '15 at 05:20
@ GrafiCode Studio : thanks. User Stev on that question answered my question. — anjanb, Oct 27 '15 at 06:16

score 4 · Accepted Answer · edited May 23 '17 at 12:22

4

Found the answer at : How to get current page size in KB using just javascript?. User @Stev has answered it

document.getElementsByTagName('HTML')[0].outerHTML.length;

edited May 23 '17 at 12:22

Community

1
1

answered Oct 27 '15 at 06:15

anjanb

12,999
18
77
106

John Pink · Answer 2 · 2015-10-27T13:51:45.667

Since HTML files are pretty much just text files, you could count how many characters you have and that would be your web page size in bytes, assuming you have 1 character = 1 byte. Then, divide by a multiple of 1024 to get KB, MB, GB etc.

$("html").html().length / (n * 1024)

Edit with javascript only :

Shortcut to retrieve the root element of the document source

document.documentElement.outerHTML.length

or

Retrieve the array of elements who's tag name is "html", assuming the first one is your root element (true for all valid HTML files), and count length :

document.getElementsByTagName("html")[0].outerHTML.length

Looking for a plain javascript(without additional libraries) answer. thank you. — anjanb, Oct 27 '15 at 05:20

score 0 · Answer 3 · answered Oct 26 '15 at 17:36

0

Are you looking for the height of the browser window?

window.innerHeight;
window.innerWidth;

answered Oct 26 '15 at 17:36

Alek Hurst

4,527
5
19
24

I was looking for the size of the html page in Kilobytes/MB. This is the size of the webpage on file if I were to save the webpage to the disk. – anjanb Oct 27 '15 at 05:21

score 0 · Answer 4 · answered Oct 26 '15 at 17:39

0

Here you go:

Math.ceil($('html').html().length / 1024) + "KB";

answered Oct 26 '15 at 17:39

Lucas Rodrigues

1,234
2
11
22

Looking for a plain javascript(without additional libraries) answer. thank you. – anjanb Oct 27 '15 at 05:20

how to get length/size of a webpage using javascript

4 Answers4

Linked