Panduan Lengkap Mengoptimasi Core Web Vitals (LCP & INP) Demi Posisi #1 Google

Google telah menetapkan bahwa kenyamanan pengalaman pengguna (*Page Experience*) adalah faktor penentu penting dalam sistem pemeringkatan hasil pencarian. Mulai Maret 2024, metrik FID (First Input Delay) resmi digantikan oleh **INP (Interaction to Next Paint)**. Ini berarti website Anda tidak hanya harus cepat dimuat, tetapi juga harus merespon setiap interaksi klik pengguna secara instan.

🚀 Metrik Inti Core Web Vitals Terbaru:

1. **LCP (Largest Contentful Paint)**: Mengukur seberapa cepat elemen visual utama di atas lipatan layar termuat sepenuhnya. Standar Google: **di bawah 2.5 detik** (MassRank menargetkan di bawah 1.0 detik). 2. **INP (Interaction to Next Paint)**: Mengukur kelambatan respon visual setelah pengguna berinteraksi (misalnya mengklik FAQ atau slider). Standar Google: **di bawah 200 milidetik**. 3. **CLS (Cumulative Layout Shift)**: Mengukur pergeseran layout visual yang tidak disengaja selama pemuatan aset. Standar Google: **di bawah 0.1**.

🛠️ Langkah Teknis Optimasi Core Web Vitals:

• **Gunakan Static Site Generation (SSG)**: Memilah kompilasi halaman statis pra-render agar server tidak memproses runtime database berulang kali.
• **Kompres Media Visual (WebP/AVIF)**: Konversikan format gambar lama ke format modern serta definisikan dimensi gambar `width` dan `height` secara presisi.
• **Kurangi Javascript Bloated**: Hindari penggunaan visual builder Elementor secara berlebihan di WordPress, atau beralih sepenuhnya ke frontend modern berbasis Next.js.