Lompat ke konten utama

Kompetisi Ajak Teman: hadiah total Rp1.000.000 tunai untuk 3 pengajak terbanyak. Berakhir 29 November 2026. Ikut kompetisi

←

Performa Web: Halaman yang Cepat Dimuat

Pelajaran 6 dari 14

Byte yang dikirim dan cache

Cache untuk kunjungan ulang: URL bersidik dan validasi ulang

Setelah pelajaran ini kamu bisa memilih kebijakan cache menurut jenis URL dan menghitung byte yang terkirim pada kunjungan ulang dari tabel tetap.

±13 menitDiperiksa 7 Okt 2026

Materi

Arti max-age, no-cache, ETag, dan 304 sudah dibahas di kelas HTTP dan API Web (pelajaran Cache HTTP); di sini aturannya dipakai untuk memutuskan kebijakan per berkas. web.dev membagi URL menjadi dua jenis. URL bersidik (fingerprinted) memuat hash isi berkas di namanya, misalnya app.3f9a2c1b.js. Isinya tidak pernah berubah, karena setiap perubahan menghasilkan nama baru, sehingga respons boleh disimpan setahun: Cache-Control: max-age=31536000, ditambah immutable yang menurut artikel Love your cache mencegah sebagian peramban memeriksa ulang ke server.

URL tanpa versi, terutama dokumen HTML, tidak bisa diberi umur panjang karena perubahannya tidak akan sampai ke pengunjung. Untuk URL ini web.dev memakai no-cache, yang berarti salinan boleh disimpan tetapi wajib divalidasi ulang ke server sebelum dipakai. Dengan ETag, validasi ulang yang cocok dijawab 304 tanpa badan, jadi yang lewat jaringan hanya header. HTML yang dipersonalisasi untuk pengguna masuk ditangani lain: web.dev menyarankan HTML seperti itu tidak di-cache sama sekali.

URL (contoh Penginapan Pantai Indah)Cache-Control
/index.htmlno-cache (+ ETag)
/aset/gaya.8d41c2e0.cssmax-age=31536000, immutable
/aset/peta.pngno-cache (+ ETag)

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Proses build Penginapan Pantai Indah menghasilkan berkas /aset/app.3f9a2c1b.js, yang namanya berganti setiap isinya berubah. Header Cache-Control mana yang sesuai artikel web.dev untuk URL ini?

Pilih satu jawaban

Latihan 2 dari 3

Kunjungan ulang ke beranda Penginapan Pantai Indah, sehari setelah kunjungan pertama. index.html (no-cache, ETag masih cocok) dijawab 304 dengan transfer 280 byte. app.3f9a2c1b.js dan gaya.8d41c2e0.css (max-age=31536000) diambil dari cache. peta.png (no-cache, ETag sudah berubah) dijawab 200 dengan transfer 15.600 byte. foto-pantai.d93ab10f.webp (max-age=31536000) diambil dari cache. Berapa byte total transfer kunjungan ulang ini?

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke