Q:

bootstrap.min.css size from cdn shows a surprising size in devtools

In firefox

In chrome

Could someone explain why the size in devtools is 24.5KB ?
I load the bootstrap from this cdn : bootstrap.min.css
ps: the cache was flushed during the test.

A:

TL;DR Firefox shows the decompressed file size, Chrome shows the compressed file size
To load pages faster and use less data most modern browsers download compressed versions of files from a WWW server. Let's make an experiment:

Download the bootstrap.min.css file
Compress it with gzip -k bootstrap.min.css
Compare the file sizes:

Compressed version: ~20KB
Uncompressed version: ~116KB

I belive that Firefox displays the decompressed file size and Chrome displays the size of the file, which it downloaded (compressed).

