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
| Langkah | Penerapan di halaman Aris Setiawan |
|---|---|
| 1. Petakan elemen kandidat | Hero potret 1800 lebar, judul H1 dua baris |
| 2. Tentukan ambang | 2,0 detik lab, 2,5 detik lapangan |
| 3. Prioritaskan sumber utama | Pakai Next.js Image dengan priority dan sizes |
| 4. Audit pihak ketiga | Skrip analytics ditunda 1 detik setelah load |
| 5. Pasang gerbang rilis | CI 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.
Artikel Terkait
Case Study
Studi Kasus: Glosarium sebagai Mesin Trafik Organik yang Diam
Banyak yang menganggap halaman istilah sekadar pelengkap. Padahal, dengan struktur yang tepat, glosarium bisa jadi sumber trafik organik paling stabil di sebuah website.
Case Study
Studi Kasus: Bagaimana Glosarium Jadi Mesin Traffic Organik
Glosarium sering dianggap pelengkap. Padahal, jika dirancang benar, ia bisa jadi salah satu sumber traffic organik paling stabil sebuah website.
Case Study
MVP untuk UMKM: Validasi Produk Sebelum Bangun Besar
MVP membantu UMKM menguji kebutuhan pasar sebelum modal besar keluar. Langkah praktis dan studi kasus nyata membangun versi terkecil yang cukup.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang