Apa Itu Core Web Vitals & Cara Optimasinya 2020

Apa itu Core Web Vitals? Core Web Vitals adalah metrik yang merupakan bagian dari Web Vitals yang dianggap paling penting dan paling mempengaruhi pengalaman pengguna.

Ini merupakan inisiatif Google untuk mengembangkan pengalaman pengguna atau user experience menjadi lebih baik.

Pada tanggal 28 Mei 2020 yang lalu Google mengumumkan, bahwa mereka akan menerapkan faktor rangking baru pada tahun 2021, yaitu Page Experience.

Dan untuk menentukan Page Experience tersebut diginakan beberapa metrik yang dikenal dengan istilah core web vitals.

Perlu anda ketahui bahwa Web Vitals dan Core Web Vitals merupakan dua istilah yang mirip tetapi memiliki arti yang berbeda.

Oleh karena itu anda harus mengerti kedua istilah ini agar tidak tertukar atau salah dalam memahami. Selanjutnya kita akan membahas pengertiannya satu per satu.

Apa Itu Web Vitals?

Web Vitals adalah inisiatif Google berupa sekumpulan metrik yang mengukur beberapa hal yang dianggap penting untuk memberikan pengalaman pengguna (user experience) yang baik. Click To Tweet

Pengertian di atas saya ambil langsung Google [1] dan SearchEngineLand [2]. Web Vitals merupakan istilah umum untuk banyak metrik yang berhubungan dengan user experience.

Setelah mengetahui pengertian web vitals barulah kita dapat membahas apa itu core web vitals.

Apa Itu Core Web Vitals?

Core Web Vitals adalah metrik yang merupakan bagian dari Web Vitals yang dianggap paling penting dan paling mempengaruhi pengalaman pengguna. Click To Tweet

Dari pengertian di atas dapat kita pahami bahwa jumlah metrik web vitals itu banyak. Dan beberapa di antaranya dijadikan sebagai core atau metrik utama.

Sehingga dapat kita simpulkan bahwa core web vitals adalah metrik web vitals yang dianggap paling penting. Saat ini jumlahnya ada 3 metrik utama. Tapi jumlah ini dapat berubah dimasa yang akan datang.

Untuk memahami core web vitals secara lebih dalam, saya sudah buatkan video khusus. Berikut ini videonya.

apa itu core web vitals

Hubungan Core Web Vitals Dan SEO

Sebelum kita membahas lebih jauh, mari kita bahas hubungan core web vitals dan SEO.

Core Web Vitals Akan Mempengaruhi Rangking Faktor

Core Web Vital resmi dirilis pada 28 Mei 2020.

Dalam rilis resminya Google menyatakan bahwa Core Web Vitals akan menjadi faktor untuk menentukan Page Experience. Dan Page Experience merupakan salah satu faktor rangking di Google [5].

Karena merupakan faktor penentu rangking, maka tentu anda harus memberikan perhatian khusus pada masalah ini, agar berhasil dalam kampanye SEO yang anda lakukan.

core web vitals akan jadi rangking faktor
core web vitals akan jadi rangking faktor

Jadi Rangking Faktor Mulai 2021

Perubahan menjadi rangking faktor ini akan efektif dilakukan pada tahun 2021.

Namun belum ada waktu pasti pada bulan apa kebijakan ini akan diterapkan oleh Google.

itu berarti masih ada kesempatan bagi anda untuk bersiap-siap untuk memahami dan menerapkan berbagai metrik tersebut.

core web vitals aktif 2021
aktif 2021

Tujuan Core Web Vitals

Google pernah menyampaikan mengenai tujuan dari Web Vital ini dibuat dalam sebuah artikel [1].

Tujuan Web Vitals adalah untuk membantu menyederhanakan pengukuran kualitas pengalaman pengguna sehingga kita lebih mudah memahaminya.

Tanpa adanya metrik yang dapat dinyatakan dengan angka, maka sulit bagi kita untuk tahu seberapa baik pengalaman pengguna.

Core Web Vitals

Core Web Vitals saat ini memiliki tiga metrik utama yaitu sebagai berikut :

Largest Contentful Paint (LCP)

Yang pertama adalah largest contentful paint atau disingkat LCP.

Largest Contentful Paint adalah waktu yang dibutuhkan sebuah website dalam menyajikan konten utama serta siap untuk berinteraksi. Click To Tweet

Yang dimaksud dengan konten utama adalah konten yang masuk dalam viewport atau layar pengguna ketika pertama kali website itu dibuka.

Sedangkan konten lain yang tidak tampak pada layar tidak akan diperhitungkan.

core web vitals largest contentful paint
largest contentful paint

Kriteria Largest Contentful Paint

Terlihat pada gambar di atas bahwa terdapat tiga kriteria untuk metrik Largest Contentful Paint (LCP) ini, yaitu sebagai berikut.

  • Good, kurang dari sama dengan 2,5 detik.
  • Needs Improvement, antara 2.5 detik sampai dengan 4 detik.
  • Poor, sama dengan 4 detik atau lebih dari itu.

Contoh Largest Contentful Paint

Berikut ini contoh dari LCP.

contoh largest contentful paint
contoh largest contentful paint

Gambar tersebut menunjukkan mengenai konten yang tampak pada saat anda pertama kali membuka artikel saya yang berjudul Belajar SEO,

Seperti yang sudah dijelaskan sebelumnya, bahwa yang diperhitungkan dalam Largest Contentful Paint hanyalah konten yang tampak.

Sedangkan yang tidak tampak akan diabaikan dalam proses perhitungan.

Jika kita perhatikan, maka yang masuk dalam berhitungan adalah :

  • Logo
  • Menu
  • Judul
  • Icon-icon social media

Jadi karena hanya empat asset tersebut yang tampak pada layar, maka saya harus berusaha semaksimal mungkin agar keempat asset tersebut dapat terload kurang dari 2,5 detik.

Baca lebih lanjut mengenai largest contentful paint pada artikel saya berikut ini :

Ok selanjutnya, mari kita bahas core web vitals yang kedua.

First Input Delay (FID)

Yang kedua adalah First Input Delay atau disingkat FID.

First Input Delay adalah waktu mulai dari pengguna pertama kali berinteraksi dengan situs Anda hingga saat browser benar-benar dapat merespons interaksi tersebut. Click To Tweet

Pengertian di atas saya ambil dari Mozzila [3].

Dari pengertian di atas kita ketahui bahwa First Input Delay dapat berarti waktu penundaan yang terjadi sampai web dapat merespon interaksi pengguna.

core web vitals first input delay
first input delay

Kriteria First Input Delay

Terlihat pada gambar di atas bahwa terdapat tiga kriteria untuk metrik First Input Delay (FID) ini, yaitu sebagai berikut.

  • Good, kurang dari sama dengan 100 mili detik.
  • Needs Improvement, antara 100 mili detik sampai dengan 300 mili detik.
  • Poor, sama dengan 300 mili detik atau lebih dari itu.

Baca lebih lanjut mengenai First Input Delay pada artikel saya berikut ini :

Kemudian untuk metrik yang terakhir adalah Cumulative Layout Shift.

Cumulative Layout Shift (CLS)

Cumulative Layout Shift adalah pergeseran elemen halaman web yang tidak terduga saat halaman masih diunduh. Click To Tweet

Pengertian di atas saya ambil dari SearchEngineJournal [4].

Ini sering terjadi saat kita ingin mengklik suatu tombol, kemudian tiba-tiba tombolnya bergeser ke bawah, karena ada foto yang baru selesai di load yang terletak di atasnya.

Kejadian seperti ini lah yang mempengaruhi nilai CLS ini.

core web vitals cumulative layout shift
cumulative layout shift

Baca lebih lanjut mengenai Cumulative Layout Shift pada artikel saya berikut ini :

Bagaimana Cara Mengukur Core Web Vitals

Sebelumnya kita telah membahas mengenai tiga metrik penting yang mempengaruhi pengalaman pengguna. Yaitu LCP, FID dan CLS.

Dan sekarang, yang menjadi pertanyaan adalah, bagaimana cara kita mengukur ke tiga metrik tersebut?

Google sendiri memberikan tiga jenis tools yang dapat digunakan untuk mengukur core web vitals. Berikut ini tools tersebut :

PageSpeed Insights

Google PageSpeed Insights dapat diakses pada alamat berikut ini

https://developers.google.com/speed/pagespeed/insights/

Berikut ini tampilannya.

google pagespeed insights
google pagespeed insights

Anda cukup memasukkan URL yang ingin di analisa, kemudian klik analize, dalam beberapa detik laporannya akan dapat anda akses.

Search Console (Core Web Vitals report)

Sebelum dapat menggunakan tool ini, anda harus mendaftarkan website Anda pada alamat berikut ini.

https://search.google.com/search-console/welcome

Jika proses pendaftaran dan instalasi selesai, maka anda perlu menunggu selama beberapa hari sebelum laporannya muncul. Jika laporan tersebut telah siap, maka anda dapat mengakses menu core web vitals pada dashboard Google Search Console.

Terdapat beberapa jenis laporan pada menu tersebut. Diantaranya adalah mobile dan desktop.

Jadi anda dapat melihat dengan jelas perbedaan kecepatan pada device yang berbeda.

Pada laporan terssebut disebutkan berapa jumlah URL dalam website anda yang masuk pada kategori good, need improvement serta poor.

Anda juga akan mendapat notifikasi jika ada hal penting yang perlu anda ketahui.

google search console
google search console

Chrome User Experience Report

Ini merupakan tool terakhir dimana anda bisa mendapatkan pengukuran core web vitals.

Chrome User Experience Report didapat dari pengukuran langsung aktifitas pengguna Chrome sesuai dengan metrik core web vitals di seluruh web publik.

Data ini dikumpulkan dari pengguna yang memenuhi syarat berikut :

  • Pengguna telah memilih untuk menyinkronkan riwayat penjelajahan Chrome mereka.
  • Pengguna belum menyiapkan frasa sandi Sinkronisasi.
  • Pengguna mengaktifkan pelaporan statistik penggunaan.

Data Chrome User Experience Report ini juga dapat di akses melalui PageSpeed Insights.

Tips Optimasi Core Web Vitals

Saya tidak akan membahas secara detil pada bagian ini, karena saya akan membuat artikel lain yang bahas tentang optimasi.

Tapi secara garis besar yang biasa saya lakukan adalah sebagai berikut :

  1. Memilih hosting yang baik, lebih disarankan menggunakan VPS atau di atasnya.
  2. Jika menggunakan WordPress maka pilihlah theme yang memang fast load.
  3. Optimasi code yang digunakan.
  4. Kurangi jumlah request.
  5. Gunakan cache.
  6. Optimasi viewport dengan mengurangi asset yang muncul diawal.

Kesimpulan

Core Web Vitals sangat penting bagi website anda. oleh karena itu sebaiknya anda segera melakukan evaluasi untuk ketiga metrik tersebut. dan jika ada yang tidak lolos dari standar yang ditetapka, segeralah lakukan optimasi.

Referensi

  1. Google.
  2. SearchEngineLand.
  3. Mozilla.
  4. SearchEngineJournal.
  5. Google.

Demikianlah artikel mengenai apa itu core web vitals, semoga bermanfaat.

Leave a Comment