Lighthouse & Core Web Vitals

Core Web Vitals mengukur 3 metrik utama: LCP (Loading), INP (Interaktivitas), dan CLS (Stabilitas Visual UI).

👀 Contoh dulu

// Targetkan skor Lighthouse Web Vitals > 90 untuk SEO teratas

Hasilnya: Rangking pencarian Google mengutamakan web dengan Vitals baik.

💡 Optimasi gambar & hilangkan unused JS untuk menaikkan skor.

📝 Sekarang giliranmu

Kita akan menggunakan modul next/web-vitals yang sering digunakan untuk mengirim data performa ke analytics. Ekspor fungsi reportWebVitals(metric) dan lakukan console.log(metric) di dalamnya untuk memantau nilai LCP, CLS, dan INP.

Preview

← Sebelumnya Berikutnya →