Optimasi Performa Web: Core Web Vitals dan Cara Improvement

Performa website langsung berdampak ke UX dan SEO. Google Core Web Vitals adalah metrik utama yang menentukan ranking search.

Tiga Metrik Core Web Vitals

Optimasi LCP

LCP mengukur waktu sampai elemen terbesar terlihat. Tips improvement:

• Optimasi gambar: pakai next/image atau lazy load
• Preload resource penting
• Gunakan CDN untuk static assets
• Minify CSS dan JavaScript

// Next.js Image dengan auto-optimization
import Image from "next/image";

<Image
  src="/hero.jpg"
  alt="Hero"
  width=1200
  height=630
  priority  // preload untuk LCP
/>

Optimasi CLS

CLS mengukur perpindahan layout yang mengganggu user:

• Selalu set width dan height di gambar/video
• Reserve space untuk ads dan embed
• Hindari inject konten di atas existing content

Tools Ukur Performa

• Lighthouse – audit lengkap di Chrome DevTools
• PageSpeed Insights – test online
• web.dev/measure – Core Web Vitals report

Kesimpulan: Performa web bukan luxury, tapi keharusan. Optimasi Core Web Vitals = pengalaman user lebih baik + ranking SEO lebih tinggi.