Chrome Dev Tools – “Size” vs “Content”

“Size” is the number of bytes on the wire, and “content” is the actual size of the resource. A number of things can make them different, including:

  • Being served from cache (small or 0 “size”)
  • Response headers, including cookies (larger “size” than “content”)
  • Redirects or authentication requests
  • gzip compression (smaller “size” than “content”, usually)

From the docs:

Size is the combined size of the response headers (usually a few
hundred bytes) plus the response body, as delivered by the server.
Content is the size of the resource’s decoded content. If the resource
was loaded from the browser’s cache rather than over the network, this
field will contain the text (from cache).

Leave a Comment