Saat melihat informasi tentang stylesheet di tab Jaringan alat pengembang Chrome, satu kolom menentukan "ukuran" dan "konten":
Adakah yang bisa menjelaskan perbedaan antara dua angka ini? Pada beberapa halaman angkanya dekat dan yang lainnya berbeda dengan jumlah yang cukup besar.
Jawaban:
"Ukuran" adalah jumlah byte pada kabel, dan "konten" adalah ukuran sebenarnya dari sumber daya. Sejumlah hal dapat membuatnya berbeda, termasuk:
Dari dokumen :
sumber
Size
adalah ukuran respons itu sendiri, danContent
adalah ukuran sumber daya, yang Anda akses.Membandingkan:
cache kosong:
main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB
di-cache:
main.js GET 304 Not modified .. Size: 146B Content: 31.42KB
sumber
Size
adalah ukuran respons itu sendiri [...]" ("sumber daya" juga memiliki arti berbeda dalam istilah HTTP).Secara sederhana, artikel Google menjelaskannya sebagai Ukuran = Ukuran transfer dan Konten = Ukuran aktual
Ini adalah formula saya berdasarkan membaca berbagai artikel tentang topik ini (dan saya terbuka untuk memperbaikinya lebih lanjut dengan komentar Anda) Ukuran = Kompresi (Konten) + Header Respons
Lihat gambar yang digunakan dalam artikel ini
Penjelasan oleh Google
sumber
"Gunakan baris permintaan besar" untuk menampilkan kedua nilai!
Jika Anda tidak melihat nilai kedua (konten) Anda perlu mengklik tombol "Gunakan baris permintaan besar" di dalam tab Jaringan Chrome:
Saya menemukan ini berkat jawaban atas pertanyaan ini di sini:
Alat Chrome Devs - di mana ukuran dan kontennya?
sumber