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.
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?
Jawaban:
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 .
sumber