Chrome Dev Tools - “Size” vs “Content”

Question

When viewing information about stylesheets in the Network tab of Chrome\'s dev tools, one column specifies both \"size\" and \"content\":

Answer 1

Size is the size of response itself, and Content is the size of resource, that you are accessing.

Compare:

empty cache:

main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB

cached:

main.js GET 304 Not modified .. Size: 146B Content: 31.42KB