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

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


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).