Prestasi laman web memainkan peranan penting dalam pengalaman pengguna. Walaupun reka bentuk yang menarik dan kandungan yang berkualiti mampu menarik perhatian pelawat, kelajuan dan kelancaran sesuatu laman turut menentukan sama ada pengguna akan terus melayari atau meninggalkan halaman tersebut. Atas sebab itu, Google memperkenalkan Core Web Vitals sebagai satu set metrik untuk membantu pemilik laman web mengukur pengalaman pengguna berdasarkan prestasi sebenar.

Apakah Core Web Vitals?

Core Web Vitals ialah tiga metrik utama yang digunakan untuk menilai kualiti pengalaman pengguna ketika melawat sesebuah laman web.

1. Largest Contentful Paint (LCP)

LCP mengukur tempoh masa yang diperlukan untuk memaparkan kandungan utama pada skrin. Secara amnya, nilai LCP yang baik ialah 2.5 saat atau kurang.

Cara meningkatkan LCP termasuk:

• Mengoptimumkan imej.
• Menggunakan Content Delivery Network (CDN).
• Mengurangkan masa respons pelayan.
• Mengaktifkan cache pelayar.

2. Interaction to Next Paint (INP)

INP mengukur tahap responsif laman apabila pengguna berinteraksi, seperti mengklik butang atau membuka menu. Nilai yang lebih rendah menunjukkan pengalaman yang lebih lancar.

Beberapa cara untuk meningkatkan INP ialah:

• Mengurangkan JavaScript yang tidak diperlukan.
• Memecahkan tugas JavaScript yang panjang.
• Mengoptimumkan pemprosesan acara (event handling).

3. Cumulative Layout Shift (CLS)

CLS mengukur kestabilan susun atur halaman. Jika elemen pada halaman berubah kedudukan secara tiba-tiba semasa dimuatkan, pengguna mungkin tersalah klik atau berasa terganggu.

Untuk mengurangkan CLS:

• Tetapkan saiz imej dan video lebih awal.