/ / bootstrap.min.css Größe von CDN zeigt eine störende Größe in Devtools - CSS, Twitter-Bootstrap, Google-Chrome, Firefox, Google-Chrome-Devtools

bootstrap.min.css Größe von CDN zeigt eine störende Größe in Devtools - CSS, Twitter-Bootstrap, Google-Chrome, Firefox, Google-Chrome-Devtools

In Firefox Bildbeschreibung hier eingeben

In Chrom Bildbeschreibung hier eingeben

Könnte jemand erklären, warum die Größe in Devtools 24.5KB ist?

Ich lade den Bootstrap von dieser CDN: bootstrap.min.css

ps: Der Cache wurde während des Tests geleert.</ em>

Antworten:

4 für die Antwort № 1

TL; DR Firefox zeigt die dekomprimierte Dateigröße, Chrome zeigt die komprimierte Dateigröße an

Um Seiten schneller zu laden und weniger Daten zu verwenden, laden die meisten modernen Browser komprimierte Versionen von Dateien von einem WWW-Server herunter. Lass uns ein Experiment machen:

  • Laden Sie die Datei bootstrap.min.css herunter
  • Komprimiere es mit gzip -k bootstrap.min.css
  • Vergleichen Sie die Dateigrößen:
    • Komprimierte Version: ~ 20KB
    • Unkomprimierte Version: ~ 116KB

Ich glaube, dass Firefox die dekomprimierte Dateigröße anzeigt und Chrome zeigt die Größe der Datei an, die heruntergeladen (komprimiert) wurde.