Does Firefox have a good way to see how big a page is with all the images and other media that are embedded in it? I know about the Page Info button, but i think that only tells me the size of the page’s HTML file and loaded media separately. As far as i can tell, it doesn’t measure external CSS at all. And the numbers it does give me for my own site are different from the numbers i see from my computer’s file browser on my local backup of my website. So is there a good way to know how big a page i visit is?
That’s exactly what i was looking for. Thanks. I mostly want an easy way to make sure none of my web pages are too big, so looking in Developer Options makes sense.
Down at the bottom of the network tab, it will tell you the total size.
The first column is the total size of the page, the second is how much was actually downloaded. That will be smaller if the web server uses compression or if any of the files are already cached.
The shortcut is
Ctrl
+Shift
+E
to directly go to the network tab. You can do this on a new tab even before you enter the url of the website.Also, you might want to keep the network tab open a little longer because some content and media will only load after the web page has completely loaded.
In addition I would advice to scroll all the way down, as nowadays most media is lazy-loaded.
Glad I could help!