Mengapa beberapa situs web menampilkan 0 byte di alat pengembang Chrome

Saya melakukan optimasi kecepatan halaman untuk situs web saya dan mempelajari bagaimana situs web lain melakukannya. Saya perhatikan bahwa beberapa situs web seperti Facebook atau Ringgitplus menunjukkan 0 byte untuk beberapa sumber daya mereka di alat pengembang Chrome, tab Network, sementara ukuran konten sebenarnya adalah beberapa kilobyte.

Tangkapan layar tab Jaringan menampilkan 0 byte untuk beberapa sumber daya

Saya membaca beberapa artikel yang mengatakan bahwa ukuran adalah jumlah yang diambil dan konten adalah ukuran sebenarnya dari respons. Jadi ketika ukurannya 0 byte, itu berarti dilayani dari cache. Tetapi hal yang sama terjadi ketika saya membuka halaman menggunakan Incognito atau membersihkan semua cache saya.

Bagaimana ini mungkin dan bagaimana saya bisa mencapai hal yang sama untuk situs web saya?

http caching chrome

— kecebongsoft
sumber

dan jika Anda melakukan ctrl + F5 (cache bypassing ulang)

— ratchet freak

Sudahkah Anda membuat profil halaman Anda menggunakan developer.yahoo.com/yslow ?

— Marcel

@ scratchetfreak Ini masih sama.

— kecebongsoft

@ Marscel Ya, saya menggunakan beberapa alat seperti yang Anda sebutkan, Google Page Speed, serta webpagetest.org

— kecebongsoft

Tidak benar-benar menjawab pertanyaan mengapa resrouces yang tidak di-retas dapat menampilkan 0b, tapi ini pertanyaan SO yang bagus yang membahas perbedaan: stackoverflow.com/questions/8072921/…

— Ben Lee

Memahami perilaku Chrome paling mudah dilihat di situs yang mendukung http dan https .

Jika Anda membuka Alat Pengembang dan melihat gambar ini , maka Chrome melaporkan 27.1k jika gambar di-cache dan 257 byte jika tidak. Anda dapat menghapus cache di dalam Alat Pengembang dengan mengklik kanan area di bagian bawah layar (misalnya di sebelah nav_logo161.png).

Sekarang buka tautan dengan https . Chrome melaporkan 0 byte apakah item di-cache atau tidak. Jika di-cache Anda mendapatkan 304, dan jika tidak di-cache Anda melihat status 200. Tetapi Anda dapat melihat dalam latensi bahwa respons yang tidak disimpan membutuhkan waktu lebih lama.

Jadi, singkatnya, jika Anda ingin Chrome melaporkan 0 byte untuk halaman web Anda, gunakan https .

Bug ini direkam di sini dan di sini .

Bug ini terlihat terutama saat melihat gambar. Alasan Anda melihatnya dengan tautan http di pos asli adalah bahwa kedua belah pihak sebenarnya merender dalam https .

— dcaswell
sumber