'In Chrome DevTools, how to get file size WITHOUT reloading the page?
I know that switching to the Network tab in Chrome DevTools and reloading the page will show the size of each request, but in this particular case, I'd just built and pushed a new version of the page, and belatedly realized I hadn't looked at the current page size before doing that.
Is there a way to see the size of an already fetched file without reloading the page, perhaps in the Sources or Application tabs in DevTools?
Solution 1:[1]
One slightly kludgy way of doing this is opening the desired file in the Sources tab, then clicking in the code pane and selecting all (ctrl/cmdA).
The footer at the bottom of the pane will then show the total number of characters selected. Divide by 1024 to get the uncompressed size in KB. But maybe there's a simpler way of getting this info?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | jdunning |