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 7 dari 14

Byte yang dikirim dan cache

Misi: audit byte halaman Koperasi Tani Makmur

Setelah pelajaran ini kamu bisa merekap jumlah permintaan dan byte sebuah halaman, menghitung penghematan kompresi, dan menentukan respons validasi ulang dari ETag.

±17 menitDiperiksa 7 Okt 2026

Materi

Halaman beranda Koperasi Tani Makmur dibuka dari ponsel anggota di desa dengan paket data terbatas. Tabel di bawah adalah pengukuran tetap kunjungan pertama. Misi ini menggabungkan pelajaran 4 sampai 6: merekap byte, mencari berkas teks yang belum dikompres, dan memastikan kunjungan ulang tidak mengunduh hal yang sama dua kali.

Urutan pemeriksaan: jumlahkan kolom Transfer untuk tahu beban kunjungan pertama; bandingkan Transfer dengan Asli per baris untuk menemukan teks yang belum dikompres; lalu baca kolom Cache-Control dengan pertanyaan apakah nama berkasnya bersidik. main.js menonjol di dua pemeriksaan sekaligus: berkas teks terbesar yang terkirim tanpa Content-Encoding, dan berkas tanpa sidik yang divalidasi ulang setiap kunjungan. Validasi ulang index.html memakai ETag, dan aturan jawabannya sudah dibahas di kelas HTTP dan API Web; di sini cukup menentukan kode status yang tepat.

BerkasTransferAsliContent-EncodingCache-Control
index.html14.200 B52.000 Bbrno-cache, ETag "beranda-41"
gaya.c81f20aa.css18.600 B96.000 Bbrmax-age=31536000, immutable
main.js300.400 B300.000 B—no-cache
lora.woff231.800 B31.500 B—max-age=31536000
panen-padi.webp145.000 B144.600 B—max-age=86400

Latihan

0/4 lulus

Misi akhir modul: luluskan minimal 4 dari 4 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 4

Berapa byte total transfer kunjungan pertama beranda Koperasi Tani Makmur menurut tabel di teori?

Latihan 3 dari 4

Pada kunjungan ulang, peramban mengirim If-None-Match: "beranda-41" untuk index.html, dan versi di server masih ber-ETag "beranda-41". Respons apa yang sesuai?

Pilih satu jawaban

Latihan 4 dari 4

main.js di tabel terkirim tanpa kompresi (asli 300.000 byte). Uji Brotli menghasilkan badan terkode 26% dari ukuran aslinya. Berapa byte badan yang dihemat bila kompresi itu dinyalakan?

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke