Case Study

Studi Kasus Aris Setiawan: LCP Budget Turunkan Skor Largest Paint dari 3,8 ke 1,9 Detik dalam 24 Hari di Personal Brand Konsultan Hukum 2026

A
Admin·3 Juni 2026·0 kali dibaca·3 min baca
Studi Kasus Aris Setiawan: LCP Budget Turunkan Skor Largest Paint dari 3,8 ke 1,9 Detik dalam 24 Hari di Personal Brand Konsultan Hukum 2026

TL;DR: Halaman pilar Aris Setiawan, konsultan hukum personal brand klien Vito Atmo, semula tercatat 3,8 detik pada metrik Largest Contentful Paint di jaringan 4G median. Setelah memasang LCP Budget sebesar 2,0 detik dan menjalankan kerangka 5 langkah, skor turun ke 1,9 detik dalam 24 hari, tanpa mengubah desain halaman.

Aris Setiawan menulis konten panjang berbasis kasus hukum. Halaman pilarnya memuat gambar hero berformat potret, judul panjang, dan blok kutipan klien. Sebelum pemasangan budget, halaman tampak rapi di kantor dengan koneksi cepat, tetapi tersendat di sisi pengguna luar Jabodetabek.

Konteks Sebelum Pemasangan

Pengukuran awal pada Januari 2026 memakai PageSpeed Insights dan log Real User Monitoring di CrUX Dataset. Skor median lapangan tercatat di 3,8 detik. Kandidat LCP adalah gambar potret hero berukuran 1800 lebar. Tidak ada gerbang rilis untuk performa, sehingga setiap tambahan font atau widget WhatsApp pelan-pelan menambah waktu render.

Selain LCP, halaman juga punya skor INP Budget di 280 ms. Karena prioritas utama adalah rendering pertama, optimasi LCP dipilih sebagai sprint pertama, INP menyusul di siklus berikutnya.

Kerangka yang Dipakai

LangkahPenerapan di halaman Aris Setiawan
1. Petakan elemen kandidatHero potret 1800 lebar, judul H1 dua baris
2. Tentukan ambang2,0 detik lab, 2,5 detik lapangan
3. Prioritaskan sumber utamaPakai Next.js Image dengan priority dan sizes
4. Audit pihak ketigaSkrip analytics ditunda 1 detik setelah load
5. Pasang gerbang rilisCI Lighthouse fail bila LCP lab di atas 2,0 detik

Untuk langkah 3, ukuran gambar diperkecil ke 1200 lebar dengan kompresi AVIF lewat Next.js Image LCP Budget. Langkah ini menyumbang penurunan terbesar pada siklus pertama. Langkah 4 dijalankan oleh asisten Aris yang sebelumnya memasang dua skrip pelacakan dari penyedia berbeda.

Hasil dalam 24 Hari

Hari ke-7 menunjukkan skor 2,6 detik setelah optimasi gambar dan font selesai. Hari ke-14, setelah skrip analytics ditunda, skor lapangan turun ke 2,1 detik. Hari ke-24, dengan gerbang CI aktif dan dua iterasi audit ulang, skor stabil di 1,9 detik di median 4G dan 2,3 detik di P75. Konsistensi ini bertahan tiga minggu setelah sprint berakhir, sesuai pemantauan harian.

Dari sisi marketing, rasio bounce pada halaman pilar turun dari kisaran 62 persen ke 48 persen pada periode yang sama. Angka ini bervariasi tergantung sumber trafik, sehingga disebut sebagai indikator pendukung, bukan klaim absolut. Acuan teknis mengikuti pedoman web.dev tentang optimasi LCP.

Pertanyaan Umum

Apakah hasil ini bisa direplikasi pada profesi lain?

Bisa, dengan menyesuaikan kandidat LCP. Pada konten karir misalnya, kandidat sering berupa video singkat atau diagram. Logika ambang dan gerbang rilis tetap sama.

Apakah pemasangan butuh tim besar?

Tidak. Sprint Aris Setiawan dijalankan oleh satu developer dan satu asisten marketing. Yang penting adalah disiplin ambang, bukan jumlah orang.

Apa risiko menetapkan ambang terlalu ketat?

Bila terlalu ketat, rilis bisa sering tertahan. Mulai dari 2,0 detik untuk halaman pilar, lalu turunkan secara bertahap setelah baseline stabil dua bulan.

Penutup

Pelajaran utama dari sprint ini adalah ambang ringan lebih kuat dibanding optimasi besar yang dikejar setelah skor turun. Disiplin tim memasang dan menjaga ambang LCP, INP, dan CLS setiap rilis akan lebih bertahan dibanding sprint performa tahunan. Untuk profesional yang membangun otoritas via konten panjang, performa halaman adalah bagian dari kredibilitas.

Bagikan

Artikel Terkait

#lcp-budget#case-study#personal-branding#core-web-vitals

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang