See the size of the transferred data for images, scripts, or other resources
To know how much data your website transfers between the server and the client to display images, or scripts, or anything else:
Open the Network tool.
Refresh the page to make sure the list of requests appears in the tool.
Filter the list of requests to only what you're interested in:
- For example, to see only images, click the Img tag in the toolbar (or Images in Firefox).
- Or, to see only JPEG image files, enter
.jpgin the Filter text box (to learn more about filtering, see Filter requests in the Network panel by status code, mime type and more).
- To see only JavaSript files, click the JS tag in the toolbar.
Look at the transferred size in the status bar at the bottom of the Network tool. The first number is the amount of data transferred for the filtered resources displayed in the tool.