Website yang cepat dan nyaman digunakan bukan hanya terlihat lebih profesional. Performa website juga berhubungan dengan pengalaman pengguna dan menjadi bagian yang perlu diperhatikan dalam strategi SEO modern.

Ketika seseorang membuka website tetapi halaman terasa lambat, tombol sulit ditekan, atau layout tiba-tiba bergeser, pengalaman tersebut tentu kurang nyaman. Bahkan sebelum pengguna sempat membaca isi halaman, mereka mungkin sudah meninggalkan website.

Di sinilah Core Web Vitals menjadi relevan.

Lalu, apa itu Core Web Vitals? Apa saja metriknya? Mengapa Core Web Vitals penting untuk SEO? Berapa nilai yang dianggap baik? Bagaimana cara mengeceknya dan bagaimana cara memperbaikinya?

Artikel ini akan membahas Core Web Vitals secara lengkap dengan bahasa yang sederhana dan praktis.

Apa Itu Core Web Vitals?

Core Web Vitals adalah sekumpulan metrik yang digunakan untuk mengukur aspek tertentu dari pengalaman pengguna ketika berinteraksi dengan sebuah halaman web.

Core Web Vitals dikembangkan oleh Google untuk membantu pemilik website dan developer memahami beberapa aspek penting dari pengalaman halaman, terutama:

  • Kecepatan pemuatan konten utama.
  • Responsivitas halaman terhadap interaksi.
  • Stabilitas tampilan halaman.

Core Web Vitals bukan satu angka tunggal.

Core Web Vitals terdiri dari beberapa metrik yang mengukur aspek pengalaman pengguna yang berbeda.

Saat ini, tiga metrik utama yang perlu dipahami adalah:

  • LCP (Largest Contentful Paint)
  • INP (Interaction to Next Paint)
  • CLS (Cumulative Layout Shift)

Ketiganya mengukur hal yang berbeda sehingga tidak bisa digantikan satu sama lain.

Mengapa Core Web Vitals Penting?

Bayangkan Anda membuka sebuah website.

Halaman mulai dimuat, tetapi gambar utama baru muncul setelah beberapa detik. Setelah halaman terlihat, Anda mencoba menekan tombol, tetapi website tidak langsung merespons. Kemudian ketika Anda ingin mengklik sesuatu, layout tiba-tiba bergeser.

Secara teknis website tersebut mungkin masih bisa digunakan.

Namun, pengalaman pengguna jelas tidak optimal.

Core Web Vitals membantu mengidentifikasi masalah seperti ini secara lebih terukur.

Manfaat memperhatikan Core Web Vitals antara lain:

  • Membantu meningkatkan pengalaman pengguna.
  • Membantu menemukan masalah performa.
  • Mendukung kualitas teknis website.
  • Membantu website lebih nyaman digunakan.
  • Mendukung strategi SEO secara keseluruhan.
  • Memberikan data yang lebih objektif untuk optimasi.

Namun, perlu dipahami bahwa Core Web Vitals bukan satu-satunya faktor yang menentukan ranking Google.

Website dengan skor sempurna tidak otomatis mengalahkan semua kompetitor.

Relevansi konten, kualitas informasi, search intent, technical SEO, reputasi, dan berbagai sistem Google lainnya tetap berperan.

Apa Saja Core Web Vitals?

Tiga metrik utama Core Web Vitals adalah:

LCP

Largest Contentful Paint mengukur waktu hingga elemen konten utama yang paling besar terlihat di viewport.

INP

Interaction to Next Paint mengukur responsivitas halaman terhadap interaksi pengguna.

CLS

Cumulative Layout Shift mengukur kestabilan visual halaman selama proses loading.

Ketiganya dapat dipahami dengan cara sederhana:

LCP = Seberapa cepat konten utama muncul?

INP = Seberapa cepat halaman merespons interaksi?

CLS = Seberapa stabil tampilan halaman?

Apa Itu LCP?

LCP atau Largest Contentful Paint adalah metrik yang mengukur waktu hingga elemen konten terbesar yang terlihat di viewport selesai dirender.

Biasanya elemen tersebut dapat berupa:

  • Gambar utama.
  • Hero image.
  • Video poster.
  • Heading besar.
  • Blok teks besar.

Contohnya sebuah halaman memiliki hero section dengan gambar besar di bagian atas.

Jika gambar tersebut membutuhkan waktu lama untuk muncul, pengguna mungkin merasa website lambat meskipun elemen kecil lainnya sudah tampil.

Karena itu, LCP membantu melihat apakah konten utama halaman dapat ditampilkan dengan cepat.

Berapa Nilai LCP yang Baik?

Secara umum, target Core Web Vitals yang digunakan Google adalah:

  • Good: ≤ 2,5 detik
  • Needs Improvement: > 2,5 hingga 4 detik
  • Poor: > 4 detik

Semakin cepat konten utama tampil, semakin baik pengalaman pengguna.

Namun, jangan hanya melihat hasil dari satu perangkat atau satu kali pengujian.

Performa dapat berbeda berdasarkan:

  • Perangkat.
  • Koneksi internet.
  • Lokasi pengguna.
  • Server.
  • Cache.
  • Kondisi jaringan.
  • Ukuran halaman.

Apa yang Menyebabkan LCP Lambat?

Ada banyak penyebab.

Beberapa yang umum adalah:

  • Gambar hero terlalu besar.
  • Server lambat merespons.
  • CSS menghambat rendering.
  • JavaScript terlalu berat.
  • Font web terlalu lambat dimuat.
  • Terlalu banyak script pihak ketiga.
  • Resource penting tidak diprioritaskan.
  • Struktur halaman terlalu kompleks.

Misalnya sebuah website memiliki gambar hero berukuran beberapa megabyte.

Browser harus mengunduh file besar tersebut sebelum konten utama terlihat dengan optimal.

Akibatnya, LCP dapat menjadi buruk.

Bagaimana Cara Memperbaiki LCP?

Beberapa pendekatan yang dapat dilakukan:

Optimalkan Gambar Utama

Gunakan format dan ukuran gambar yang sesuai.

Jangan mengirim gambar berukuran sangat besar jika perangkat pengguna hanya menampilkan gambar dalam ukuran yang jauh lebih kecil.

Gunakan Image Compression

Kompres gambar tanpa mengorbankan kualitas visual secara berlebihan.

Gunakan Responsive Images

Sediakan ukuran gambar yang sesuai dengan perangkat.

Optimalkan Server

Waktu respons server yang lambat dapat memengaruhi proses pemuatan halaman.

Prioritaskan Resource Penting

Resource yang dibutuhkan untuk menampilkan konten utama perlu diprioritaskan.

Kurangi Resource yang Tidak Diperlukan

Jangan memuat script atau stylesheet yang sebenarnya tidak diperlukan untuk halaman tersebut.

Apa Itu INP?

INP atau Interaction to Next Paint adalah metrik yang mengukur responsivitas halaman terhadap interaksi pengguna.

Contohnya pengguna:

  • Mengklik tombol.
  • Membuka menu.
  • Mengisi formulir.
  • Membuka dropdown.
  • Menekan filter.
  • Berinteraksi dengan elemen JavaScript.

Setelah pengguna melakukan interaksi, halaman seharusnya dapat memberikan respons dengan cepat.

Jika pengguna menekan tombol tetapi halaman terasa “diam” selama beberapa saat, pengalaman tersebut buruk.

INP membantu mengukur masalah tersebut.

Berapa Nilai INP yang Baik?

Target INP secara umum:

  • Good: ≤ 200 ms
  • Needs Improvement: > 200 hingga 500 ms
  • Poor: > 500 ms

Semakin rendah nilainya, semakin responsif halaman.

INP berbeda dengan kecepatan loading.

Website dapat terlihat sudah selesai dimuat tetapi tetap memiliki masalah INP ketika pengguna mulai berinteraksi.

Apa yang Menyebabkan INP Buruk?

INP yang buruk sering berkaitan dengan JavaScript yang terlalu berat.

Contohnya:

  • JavaScript dalam jumlah besar.
  • Long tasks.
  • Event handler yang berat.
  • DOM terlalu kompleks.
  • Script pihak ketiga.
  • Proses rendering yang terlalu banyak.
  • Kode yang tidak efisien.

Misalnya pengguna mengklik tombol menu.

Tetapi JavaScript sedang menjalankan proses berat sehingga browser terlambat merespons.

Pengguna dapat merasa tombol tersebut tidak berfungsi.

Bagaimana Cara Memperbaiki INP?

Beberapa pendekatan yang dapat dilakukan:

Kurangi JavaScript

Hapus script yang tidak diperlukan.

Pecah Long Tasks

Proses JavaScript yang sangat panjang dapat dipecah menjadi tugas yang lebih kecil jika memungkinkan.

Optimalkan Event Handler

Pastikan event seperti click, input, dan scroll tidak menjalankan proses yang terlalu berat.

Kurangi Script Pihak Ketiga

Chat widget, analytics, advertising, tracking, dan berbagai script pihak ketiga dapat menambah beban halaman.

Gunakan hanya yang benar-benar dibutuhkan.

Sederhanakan DOM

Struktur HTML yang terlalu kompleks dapat meningkatkan beban browser.

Apa Itu CLS?

CLS atau Cumulative Layout Shift adalah metrik yang mengukur kestabilan visual halaman ketika konten dimuat.

Pernah mengalami situasi seperti ini?

Anda ingin menekan tombol.

Tiba-tiba gambar muncul.

Layout bergeser.

Anda akhirnya menekan elemen lain.

Itulah contoh masalah visual yang berkaitan dengan layout shift.

CLS membantu mengukur seberapa sering dan seberapa besar elemen halaman berpindah secara tidak terduga.

Berapa Nilai CLS yang Baik?

Target CLS secara umum:

  • Good: ≤ 0,1
  • Needs Improvement: > 0,1 hingga 0,25
  • Poor: > 0,25

Semakin kecil nilai CLS, semakin stabil layout halaman.

Apa Penyebab CLS Tinggi?

Beberapa penyebab yang umum:

  • Gambar tidak memiliki dimensi yang jelas.
  • Iklan muncul tanpa ruang yang disiapkan.
  • Font menyebabkan perubahan layout.
  • Konten dinamis dimasukkan ke halaman.
  • Elemen UI berubah ukuran setelah loading.
  • CSS menyebabkan layout berpindah.

Contoh paling sederhana adalah gambar.

Jika browser tidak mengetahui ukuran gambar sebelum file selesai dimuat, ruang untuk gambar mungkin belum disiapkan.

Ketika gambar akhirnya muncul, konten di bawahnya dapat terdorong.

Bagaimana Cara Memperbaiki CLS?

Tentukan Dimensi Gambar

Pastikan browser mengetahui ruang yang dibutuhkan gambar.

Sediakan Ruang untuk Konten Dinamis

Jika ada elemen yang akan muncul setelah loading, siapkan ruangnya terlebih dahulu.

Hindari Menyisipkan Konten di Atas Konten yang Sudah Tampil

Konten yang tiba-tiba muncul di bagian atas halaman dapat menyebabkan layout bergeser.

Perhatikan Web Font

Perubahan font setelah halaman ditampilkan dapat menyebabkan perubahan ukuran teks dan layout.

Gunakan strategi loading font yang tepat.

Apa Perbedaan LCP, INP, dan CLS?

Ketiga metrik tersebut mengukur hal yang berbeda.

Metrik Mengukur Target Good
LCP Kecepatan konten utama muncul ≤ 2,5 detik
INP Respons halaman terhadap interaksi ≤ 200 ms
CLS Stabilitas visual halaman ≤ 0,1

Cara mudah mengingatnya:

LCP → Loading

INP → Interaction

CLS → Stability

Ketiga aspek tersebut membentuk gambaran penting mengenai pengalaman halaman.

Apakah Core Web Vitals Sama dengan PageSpeed Insights?

Tidak.

PageSpeed Insights adalah sebuah tool yang dapat digunakan untuk menganalisis performa halaman.

Di dalam laporan tersebut, Anda dapat menemukan berbagai informasi mengenai performa dan pengalaman halaman, termasuk Core Web Vitals ketika data yang diperlukan tersedia.

Jadi:

PageSpeed Insights = alat analisis

Core Web Vitals = metrik pengalaman halaman

Keduanya berhubungan, tetapi bukan hal yang sama.

Apa Itu Field Data?

Dalam pengukuran performa web, Anda akan menemukan istilah field data.

Field data berasal dari pengalaman pengguna nyata di lapangan.

Data ini menggambarkan bagaimana halaman bekerja pada kondisi pengguna yang sebenarnya.

Kondisi pengguna dapat berbeda-beda:

  • Smartphone.
  • Desktop.
  • Jaringan cepat.
  • Jaringan lambat.
  • Lokasi berbeda.
  • Perangkat berbeda.

Karena itu, hasil field data tidak selalu sama dengan hasil pengujian menggunakan tool secara langsung.

Apa Itu Lab Data?

Lab data adalah data yang diperoleh dari lingkungan pengujian yang dikontrol.

Tools performa dapat menjalankan simulasi dengan konfigurasi tertentu untuk membantu menemukan masalah.

Lab data sangat berguna untuk:

  • Diagnosis.
  • Debugging.
  • Pengembangan.
  • Pengujian perubahan.

Namun, hasil lab tidak selalu menggambarkan pengalaman semua pengguna di dunia nyata.

Karena itu, keduanya perlu dipahami secara berbeda.

Mengapa Field Data dan Lab Data Bisa Berbeda?

Misalnya Anda menguji website menggunakan laptop dengan koneksi internet cepat.

Hasilnya:

LCP 1,8 detik.

Namun pengguna smartphone dengan jaringan lebih lambat dapat mengalami:

LCP 3,2 detik.

Keduanya bisa benar karena kondisi pengujiannya berbeda.

Karena itu, jangan langsung menganggap satu hasil pengujian sebagai representasi seluruh pengguna.

Bagaimana Cara Mengecek Core Web Vitals?

Ada beberapa tools yang dapat digunakan.

Google PageSpeed Insights

Tool ini dapat memberikan laporan performa halaman dan, ketika tersedia, data pengalaman pengguna nyata.

Google Search Console

Google Search Console memiliki laporan pengalaman halaman yang dapat membantu pemilik website melihat kondisi Core Web Vitals pada URL yang memenuhi ketersediaan data tertentu.

Chrome DevTools

Developer dapat menggunakan DevTools untuk melakukan diagnosis performa secara lebih teknis.

Lighthouse

Lighthouse dapat digunakan untuk melakukan audit performa dan berbagai aspek kualitas halaman dalam lingkungan pengujian.

Bagaimana Cara Membaca Hasil Core Web Vitals?

Jangan hanya melihat satu angka.

Misalnya hasilnya:

LCP: Good

INP: Good

CLS: Poor

Artinya website sudah cukup baik dari sisi pemuatan dan responsivitas, tetapi masih memiliki masalah pada kestabilan layout.

Jadi, fokus perbaikannya bukan meningkatkan LCP lagi.

Fokusnya adalah menemukan penyebab CLS.

Pendekatan seperti ini lebih efektif daripada sekadar mengejar semua angka agar sekecil mungkin.

Apakah Core Web Vitals Mempengaruhi Ranking?

Core Web Vitals merupakan bagian dari sinyal yang berkaitan dengan pengalaman halaman.

Namun, Core Web Vitals bukan faktor tunggal yang menentukan ranking.

Jika dua halaman memiliki kualitas konten yang sangat berbeda, halaman dengan skor Core Web Vitals lebih baik tidak otomatis menang.

Google tetap berusaha menampilkan hasil yang paling relevan dan berguna bagi pengguna.

Karena itu, jangan melakukan optimasi seperti:

“Saya harus mendapatkan skor 100 agar ranking nomor satu.”

Skor tool bukan tujuan akhir.

Tujuan utamanya adalah membuat halaman cepat, responsif, stabil, dan nyaman digunakan.

Apakah Skor PageSpeed 100 Wajib?

Tidak.

Skor 100 memang terlihat bagus, tetapi bukan target mutlak yang harus dicapai semua website.

Ada website yang sangat kompleks dan tetap memberikan pengalaman pengguna yang baik meskipun skor tool tidak mencapai 100.

Sebaliknya, website dengan skor tinggi dalam kondisi lab belum tentu memberikan pengalaman sempurna kepada semua pengguna nyata.

Karena itu, gunakan skor sebagai alat diagnosis.

Jangan menjadikannya satu-satunya KPI SEO.

Core Web Vitals untuk WordPress

WordPress dapat memiliki performa yang baik jika dikonfigurasi dengan benar.

Namun, performanya sangat bergantung pada implementasi.

Beberapa hal yang perlu diperhatikan:

  • Tema.
  • Plugin.
  • Hosting.
  • Database.
  • Gambar.
  • JavaScript.
  • CSS.
  • Font.
  • Script pihak ketiga.
  • Caching.
  • CDN.
  • Struktur halaman.

Memasang terlalu banyak plugin dapat menambah beban website, tetapi jumlah plugin saja bukan satu-satunya penentu performa.

Plugin yang buruk atau tidak efisien dapat menjadi masalah, sementara plugin yang dibuat dengan baik belum tentu memberikan dampak besar.

Cara Meningkatkan Core Web Vitals di WordPress

Optimalkan Gambar

Gunakan gambar dengan ukuran yang sesuai.

Jangan mengunggah gambar kamera berukuran sangat besar lalu menampilkannya sebagai thumbnail kecil.

Gunakan Lazy Loading Secara Tepat

Gambar yang berada jauh di bawah viewport dapat dimuat secara lazy.

Namun, elemen utama seperti hero image perlu diperlakukan dengan strategi yang berbeda agar tidak memperburuk LCP.

Gunakan Caching

Caching dapat membantu mengurangi waktu pemrosesan dan mempercepat penyajian halaman.

Kurangi JavaScript yang Tidak Diperlukan

Script yang tidak digunakan sebaiknya dihapus atau tidak dimuat pada halaman yang tidak membutuhkannya.

Optimalkan Font

Terlalu banyak font, weight, dan file dapat menambah beban.

Gunakan font secara efisien.

Periksa Plugin

Audit plugin yang aktif.

Jika sebuah plugin tidak diperlukan, pertimbangkan untuk menghapusnya.

Gunakan CDN Jika Relevan

CDN dapat membantu menyajikan resource dari lokasi yang lebih dekat dengan pengguna.

Efektivitasnya tetap bergantung pada konfigurasi dan karakteristik website.

Core Web Vitals dan Desain Website

Desain yang terlihat premium tidak harus berat.

Ini merupakan salah satu tantangan dalam web design modern.

Efek seperti:

  • Blur.
  • Glassmorphism.
  • Animasi.
  • Video background.
  • Gradient.
  • Parallax.
  • 3D elements.

dapat membuat website terlihat menarik.

Namun, jika digunakan secara berlebihan, elemen tersebut dapat meningkatkan beban rendering dan resource.

Karena itu, desain dan performa harus dirancang bersama sejak awal.

Website premium bukan hanya website yang terlihat bagus.

Website premium juga terasa cepat, responsif, dan stabil ketika digunakan.

Core Web Vitals dan JavaScript

JavaScript menjadi salah satu sumber masalah performa pada banyak website modern.

Framework, library, analytics, tracking, widget, chat, animation, dan berbagai komponen interaktif dapat menambah beban.

Bukan berarti JavaScript harus dihindari.

Yang penting adalah:

  • Gunakan hanya yang diperlukan.
  • Hindari script berlebihan.
  • Optimalkan execution time.
  • Kurangi long tasks.
  • Tunda script yang tidak kritis.
  • Periksa script pihak ketiga.

Core Web Vitals dan Gambar

Gambar sering menjadi salah satu resource terbesar pada halaman.

Kesalahan umum:

Gambar 5000 × 3000 pixel digunakan untuk area 600 × 400 pixel.

Browser akhirnya harus mengunduh file yang jauh lebih besar daripada kebutuhan tampilan.

Gunakan:

  • Ukuran yang sesuai.
  • Kompresi.
  • Format modern jika sesuai.
  • Responsive images.
  • Lazy loading untuk gambar non-kritis.

Untuk hero image, prioritaskan pemuatan agar tidak memperburuk LCP.

Core Web Vitals dan Hosting

Hosting juga dapat memengaruhi performa.

Jika server membutuhkan waktu lama untuk memberikan respons, proses loading halaman dapat ikut terdampak.

Ketika memilih hosting, perhatikan:

  • Resource server.
  • Lokasi data center.
  • Teknologi server.
  • Cache.
  • CDN.
  • Database performance.
  • Traffic website.
  • Skalabilitas.

Jangan memilih hosting hanya berdasarkan harga.

Website bisnis membutuhkan infrastruktur yang sesuai dengan beban dan kebutuhan sebenarnya.

Apakah CDN Wajib untuk Core Web Vitals?

Tidak.

CDN dapat membantu dalam kondisi tertentu, terutama ketika website memiliki pengguna dari wilayah geografis yang luas.

Namun, CDN bukan solusi untuk semua masalah performa.

Jika sumber masalahnya adalah:

  • JavaScript berat.
  • Gambar terlalu besar.
  • Database lambat.
  • CSS tidak efisien.
  • Plugin bermasalah.

CDN saja tidak akan menyelesaikan akar masalah.

Perbaiki sumber masalah terlebih dahulu.

Kesalahan Optimasi Core Web Vitals

Beberapa kesalahan yang sering dilakukan:

Mengejar Skor Saja

Skor tinggi tidak selalu berarti pengalaman sempurna.

Menghapus Semua Animasi

Tidak semua animasi buruk.

Yang penting adalah bagaimana animasi tersebut diimplementasikan dan dampaknya terhadap performa.

Menggunakan Plugin Optimasi Terlalu Banyak

Beberapa plugin dapat memiliki fungsi yang tumpang tindih dan justru menimbulkan konflik.

Mengaktifkan Semua Fitur Optimasi

Jangan mengaktifkan setiap opsi caching atau minification tanpa memahami dampaknya.

Mengabaikan User Experience

Website yang cepat tetapi sulit digunakan tetap merupakan website yang buruk.

Tidak Melakukan Pengujian Setelah Perubahan

Setelah mengubah tema, plugin, gambar, atau script, lakukan pengujian ulang.

Bagaimana Strategi Optimasi Core Web Vitals yang Benar?

Gunakan pendekatan berikut.

Audit

Cari tahu masalah sebenarnya.

Prioritaskan

Perbaiki masalah yang memberikan dampak terbesar terlebih dahulu.

Implementasi

Lakukan perubahan teknis.

Uji

Uji kembali halaman.

Monitor

Pantau data pengguna nyata ketika tersedia.

Iterasi

Perbaiki masalah berikutnya berdasarkan data.

Jangan mengoptimalkan website berdasarkan asumsi.

Data → Diagnosis → Perbaikan → Pengujian → Monitoring

merupakan pendekatan yang lebih efektif.

Checklist Core Web Vitals

Gunakan checklist berikut untuk audit awal:

  • LCP diperiksa.
  • INP diperiksa.
  • CLS diperiksa.
  • Gambar utama dioptimalkan.
  • Gambar memiliki ukuran yang sesuai.
  • Resource kritis diprioritaskan.
  • JavaScript tidak berlebihan.
  • Long tasks diperiksa.
  • Script pihak ketiga dievaluasi.
  • Layout shift diminimalkan.
  • Dimensi gambar tersedia.
  • Font dioptimalkan.
  • Caching dikonfigurasi dengan baik.
  • Server memiliki performa yang memadai.
  • Mobile performance diperiksa.
  • Desktop performance diperiksa.
  • Field data diperhatikan jika tersedia.
  • Lab data digunakan untuk diagnosis.
  • Pengujian dilakukan setelah perubahan.

Hubungan Core Web Vitals dengan Technical SEO

Core Web Vitals merupakan bagian dari pembahasan Technical SEO yang lebih luas.

Technical SEO mencakup berbagai aspek seperti:

Crawling → Indexing → Sitemap → Canonical → Performance → Mobile → Structured Data

Core Web Vitals berada pada area performance dan page experience.

Namun, jangan menganggap Technical SEO hanya tentang kecepatan.

Website yang cepat tetapi tidak dapat di-crawl atau salah menggunakan canonical tetap memiliki masalah teknis.

Karena itu, semua aspek perlu diperiksa secara menyeluruh.

Core Web Vitals dan SEO Modern

Strategi SEO modern tidak cukup hanya membuat halaman yang berisi keyword.

Website harus memberikan pengalaman yang baik secara keseluruhan.

Pengguna datang untuk mendapatkan informasi atau menyelesaikan sesuatu.

Jika website:

  • Lambat.
  • Tidak responsif.
  • Layout sering berubah.
  • Sulit digunakan di mobile.

maka kualitas pengalaman tersebut menjadi masalah.

Karena itu, Core Web Vitals sebaiknya dilihat sebagai bagian dari web quality, bukan sekadar checklist SEO.

Kesimpulan

Jadi, apa itu Core Web Vitals?

Core Web Vitals adalah sekumpulan metrik yang digunakan untuk mengukur aspek penting dari pengalaman pengguna pada sebuah halaman web.

Tiga metrik utamanya adalah:

LCP → mengukur pemuatan konten utama.

INP → mengukur responsivitas terhadap interaksi.

CLS → mengukur kestabilan visual halaman.

Target yang umum digunakan untuk kategori Good adalah:

  • LCP ≤ 2,5 detik
  • INP ≤ 200 milidetik
  • CLS ≤ 0,1

Namun, jangan menjadikan angka tersebut sebagai satu-satunya tujuan.

Core Web Vitals bukan tombol untuk membuat website langsung ranking nomor satu.

Strategi SEO yang baik tetap membutuhkan kombinasi:

Technical SEO + SEO On-Page + Content + Search Intent + Keyword + SEO Off-Page + User Experience

Untuk website WordPress, optimasi Core Web Vitals dapat dilakukan melalui berbagai pendekatan seperti optimasi gambar, caching, pengurangan JavaScript, optimasi font, peningkatan performa server, pengelolaan plugin, dan pengurangan resource yang tidak diperlukan.

Yang paling penting adalah melakukan optimasi berdasarkan data.

Jangan sekadar mengejar skor.

Website yang baik bukan website yang hanya terlihat cepat dalam sebuah tool, tetapi website yang benar-benar terasa cepat, responsif, stabil, dan nyaman digunakan oleh pengguna.

Karena itu, Core Web Vitals sebaiknya menjadi bagian dari proses pengembangan dan pemeliharaan website sejak awal, bukan hanya diperiksa ketika website sudah mengalami masalah performa.