STUDI KASUS / PERFORMANCE PASS
Meringankan beban halaman tanpa mengubah desain.
Satu pass berbasis bukti untuk menemukan asset paling berat, mengganti sumbernya dengan format yang lebih efisien, dan memastikan pengalaman halaman tetap sama.
TRANSFER / OBSERVED
2.95 MB → 716 KB
Gabungan dua artikel setelah inline media pass.
−75.75%
Benchmark uncached browser transfer; bukan skor Lighthouse.
HASIL YANG TERUKUR
Payload turun di halaman yang paling berat.
Angka ini membaca bytes yang ditransfer setelah target image benar-benar dimuat. Ia menunjukkan dampak asset pass, bukan klaim performa bisnis.
HOMEPAGE
−75.51%
1,467,179 → 359,324 bytes
Uncached total transfer
/TENTANG/
−91.34%
3,441,632 → 297,888 bytes
Uncached total transfer
ARTIKEL 155
−82.49%
1,758,848 → 307,911 bytes
Uncached total transfer
ARTIKEL 117
−65.80%
1,192,586 → 407,862 bytes
Uncached total transfer
DIAGNOSIS
Masalahnya bukan selalu layout.
Pada pass ini, bottleneck yang paling jelas adalah sumber media: image penuh di halaman dan inline article content. Karena layout sudah bekerja, solusi paling aman adalah memperbaiki payload tanpa memindahkan komponen.
01
Temukan asset dominan
Asset map menunjukkan halaman mana yang membawa PNG atau media terbesar.
02
Bandingkan visual owner
Candidate WebP diperiksa terhadap source agar chart, alpha, rasio, dan readability tetap aman.
03
Ubah sumber, bukan experience
Yang diganti hanya source media dan responsive candidates; copy, struktur, dan desain tetap.
PERUBAHAN
Perubahan kecil, bukti langsung.
Media lokal dan responsive sources mengambil alih beban terbesar. Tidak ada styling baru, script baru, atau perubahan pada funnel.
YANG DIUBAH
Source media
PNG inline → WebP lokal. src, srcset, dan sizes diperbarui agar browser memilih candidate yang tepat.
YANG DIPERTAHANKAN
Experience
Copy, slug, status, featured image, SEO, rasio visual, alt text, dan struktur artikel tetap sama.
AUDIT TRAIL
Setiap perubahan punya halaman yang bisa dibuka.
Readback dilakukan pada post dan HTML publik. Target image wajib currentSrc dan non-zero naturalWidth; metadata serta overflow diperiksa ulang di desktop dan mobile.
CARA MEMBACA HASIL
Yang diukur, diverifikasi, dan tidak diklaim.
DIUKUR
Transfer bytes
Uncached browser transfer total dan target image setelah image benar-benar dimuat.
DIVERIFIKASI
Runtime halaman
URL lokal, currentSrc, visual rendering, responsive layout, alt, metadata, dan horizontal overflow.
TIDAK DIKLAIM
Business outcome
Tidak ada klaim Lighthouse score, conversion lift, ROI, ranking, atau penghematan hosting.
LANGKAH BERIKUTNYA
Punya payload yang perlu dibaca sebelum diubah?
Kirim konteks singkat tentang halaman, asset, atau funnel. Kita mulai dari bukti yang paling berdampak.
Diskusikan sistemnya