Cara Turunkan LCP ke 1.8s
Cara Turunkan LCP ke 1.8s
Sekarang LCP kamu: 2.2s
Target: < 2.0s
Biasanya LCP itu gambar hero/banner paling atas.
🎯 A. Jangan Lazy Load Gambar LCP
Kalau hero image pakai:
loading="lazy"
Hapus.
Untuk gambar pertama (yang paling besar di atas), gunakan:
loading="eager"
fetchpriority="high"
Contoh:
Ini sering langsung turunkan 0.2–0.4 detik.
🎯 B. Preload Gambar LCP
Di tambahkan:
Ini bikin browser ambil gambar lebih cepat.
🎯 C. Pastikan Ukuran Gambar Pas
Jangan pakai:
2000px untuk mobile
File 500kb+
Ideal:
Lebar mobile: 600–800px
Ukuran file < 150kb
🎯 D. Aktifkan HTTP/3 (Sudah Aktif di Kamu)
Di header kamu ada:
Alt-Svc: h3=":443"
Itu artinya HTTP/3 sudah aktif.
Bagus 👍 tidak perlu ubah.
📊 Realistisnya
Dengan kondisi kamu sekarang:
Sudah cache HIT
Max-age 30 hari
CDN Singapore
Skor 95
Kalau kamu aktifkan Polish + optimize hero image,
LCP bisa turun ke sekitar:
👉 1.7s – 1.9s
Itu sudah kategori sangat cepat untuk moneysite.
Ini sering langsung turunkan 0.2–0.4 detik.
🎯 B. Preload Gambar LCP
Di tambahkan:
Ini bikin browser ambil gambar lebih cepat.
🎯 C. Pastikan Ukuran Gambar Pas
Jangan pakai:
2000px untuk mobile
File 500kb+
Ideal:
Lebar mobile: 600–800px
Ukuran file < 150kb
🎯 D. Aktifkan HTTP/3 (Sudah Aktif di Kamu)
Di header kamu ada:
Alt-Svc: h3=":443"
Itu artinya HTTP/3 sudah aktif.
Bagus 👍 tidak perlu ubah.
📊 Realistisnya
Dengan kondisi kamu sekarang:
Sudah cache HIT
Max-age 30 hari
CDN Singapore
Skor 95
Kalau kamu aktifkan Polish + optimize hero image,
LCP bisa turun ke sekitar:
👉 1.7s – 1.9s
Itu sudah kategori sangat cepat untuk moneysite.
Komentar