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

In simple terms Google article explain it as Size = Transfer size and Content = Actual size

This is my formula based on reading various articles on this topic (and I am open to improve it further with your comments) Size = Compression(Content) + Response Header

See the image used in this article

Explanation by Google