Core Web Vitals

Apa itu Core Web Vitals?

Core Web Vitals adalah metrik yang dibuat oleh Google untuk meningkatkan pengalaman pengguna di situs web. Berbagai alat yang tersedia untuk menganalisis kecepatan pemuatan menjadi salah satu faktor yang Google pertimbangkan dalam menyatukan semua metrik ini, untuk menyederhanakan sedikit kompleksitas yang terlibat dalam mengoptimalkan waktu pemuatan. Inisiatif ini bertujuan membuat kita fokus pada "sinyal kualitas" ini yang sangat penting untuk mencapai pengalaman pengguna optimal.

Google merangkum dalam beberapa kata apa yang menjadi fokus Core Web Vitals:

• ›

  Pengalaman pemuatan

• ›

  Interaktivitas

• ›

  Stabilitas visual konten halaman

Largest Contentful Paint atau LCP

LCP atau Largest Contentful Paint adalah metrik yang memberi tahu kita waktu pemuatan untuk konten "terbesar" yang terlihat oleh pengguna agar tersedia dan berguna. Dengan kata lain, Google mengatakan bahwa elemen-elemen yang ditempatkan di apa yang kita kenal sebagai "Above the Fold" harus dimuat dengan cepat dan dapat dibaca, dan dengan demikian tersedia bagi pengguna agar mereka dapat berinteraksi dengannya.

Perlu diklarifikasi bahwa elemen yang muncul saat pengguna mengeklik layar atau menggulir tidak memengaruhi LCP. Konten terbesar bisa berupa blok teks, video, gambar, dll.

Klasifikasi status LCP berdasarkan waktu. Gambar © web.dev

Berapa waktu yang Google anggap optimal?

Seperti yang dapat kita lihat dalam grafik, Google menganggap bahwa waktu maksimum untuk memuat LCP dan memberikan pengalaman pengguna yang baik adalah di bawah 2,5 detik. Penting dicatat bahwa selama pemuatan, elemen LCP bisa berubah.

Bagaimana saya bisa tahu LCP sebuah URL?

Di browser Chrome itu sendiri, melalui menjalankan audit Lighthouse, kita memiliki opsi untuk mengetahui apa yang Google anggap sebagai konten terbesar untuk dimuat. Berikut caranya:

Faktor apa yang dapat memengaruhi pemuatan LCP?

Beberapa tindakan memengaruhi waktu pemuatan LCP menjadi lebih tinggi dari yang diharapkan. Elemen atau tindakan ini adalah:

• ›

  Respons server

• ›

  Kueri basis data

• ›

  Respons API yang lama untuk diselesaikan

• ›

  CSS atau JS yang memblokir rendering

• ›

  Kelambatan dalam memuat sumber daya lain

• ›

  Gambar yang tidak dioptimalkan

• ›

  Dll.

First Input Delay atau FID

FID atau First Input Delay adalah metrik yang menunjukkan berapa lama halaman bereaksi saat pengguna berinteraksi dengan salah satu elemen.

Metrik diambil dari Pagespeed

Dalam alat Pagespeed, yang Google buat tersedia untuk semua orang beberapa waktu lalu, kita dapat melihat referensi metrik ini. Nilai yang dianggap baik harus di bawah 100 ms.

Klasifikasi status First Input Delay (FID) berdasarkan waktu. Gambar © web.dev

Penyebab utama masalah dengan metrik ini (FID) berasal dari eksekusi JavaScript, jadi kita perlu mengidentifikasi bagian kode mana yang menyebabkan halaman lama bereaksi terhadap interaksi. Saya pribadi pernah mengalami masalah ini dengan pemuatan JS iklan.

Cumulative Layout Shift atau CLS

Cumulative Layout Shift adalah metrik yang menetapkan batas pada pemuatan elemen yang memodifikasi tampilan saat mereka dimuat. Kita berbicara tentang memberikan stabilitas pada elemen di layar sehingga tampilan tidak bergeser saat sumber daya lain dimuat.

Google menganggap (yah, Google dan setiap pengguna) bahwa sangat menjengkelkan ketika, setelah kita mulai berinteraksi dengan halaman (apakah membaca, menggulir, dll.), elemen yang dimuat kemudian menggeser posisi pengguna relatif terhadap konten, memaksa mereka mengoreksi dengan menggulir.

Contoh ini membantu kita lebih baik menjelaskan bagaimana metrik ini bekerja. Pada awalnya kita melihat konten dimuat di sisi kiri. Saat Google berbicara tentang stabilitas, ia merujuk pada pemuatan elemen ketiga tidak menggeser yang sudah dimuat sebelumnya. Seperti yang kita lihat di gambar di sebelah kanan, memuat video YouTube telah menggeser dua blok yang dimuat di awal.

Mengapa Core Web Vitals penting?

Sejak kita hidup berdampingan dengan mesin pencari, dan lebih khusus dengan Google, ia telah menggabungkan kewajiban bagi siapa pun yang memiliki situs web dan ingin menjadi salah satu opsi dalam hasil pencarian.

Meningkatkan aksesibilitas dari semua perangkat, mendukung penjelajahan aman di bawah protokol keamanan, atau menghukum situs yang menggunakan iklan invasif (interstisial), telah menjadi beberapa pertempuran raksasa teknologi tersebut.

Metrik ini adalah indikator yang Google berikan kepada kita untuk menunjukkan bagian mana dari situs yang mungkin menjadi masalah bagi pengguna tetapi... Apakah itu berarti mereka penting?

Apakah kita memahami situs web dari sudut pandang "robot" atau dari sudut pandang "pengguna", metrik ini adalah indikator bahwa situs kita tidak bekerja sebaik yang seharusnya. Kita sudah melihat dalam beberapa studi betapa berpengaruhnya waktu pemuatan terhadap konversi dan terhadap kesabaran pengguna. Saat ini mereka tidak memengaruhi peringkat, tapi apakah kita akan mengabaikan metrik ini?

Untuk bagian kami, kami pasti akan memperhitungkannya.

Apakah Core Web Vitals memengaruhi peringkat?

Hingga hari ini, semua yang kita ketahui adalah bahwa metrik untuk meningkatkan pengalaman pengguna menjadi semakin penting, dan beberapa di antaranya sudah diperhitungkan dalam hasil pencarian. Dalam artikel 28 Mei di blog Google, diumumkan bahwa pada 2021 ia mengharapkan meluncurkan Update baru untuk menggabungkan beberapa metrik terkait pengalaman pengguna.

Kita hanya perlu mengingat bagaimana ia menangani Mobile First Index dan pemberitahuan sebelumnya. Dalam kasus ini, merujuk lagi ke artikel Mei, ia memperingatkan bahwa akan ada pemberitahuan sebelumnya minimal 6 bulan, jadi... Apakah akan ada pembaruan pada akhir tahun depan?

Alat untuk Mengoptimalkan Core Web Vitals

Sekarang setelah kita berbicara tentang apa itu Core Web Vitals dan pentingnya yang akan mereka miliki dalam beberapa bulan mendatang, saatnya mulai bekerja mengoptimalkan metrik ini. Melalui berbagai alat kita akan dapat menangani masalah yang terdeteksi dan mencapai peningkatan kinerja.

Lighthouse

Lighthouse adalah alat sumber terbuka yang kuat yang kita temukan di Chrome. Melalui Lighthouse, kita dapat mengaudit situs kita, menjalankan tes berbeda untuk mendapatkan hasil tentang kekurangan atau bagian halaman yang perlu dioptimalkan. Di antara bagian-bagian ini adalah metrik Core Web Vitals.

Gambar diambil dari hasil audit Lighthouse

Page Speed Insights

Page Speed Insights adalah opsi lain yang Google sediakan untuk memperoleh data kinerja situs kita. Alat ini bahkan menampilkan grafik metrik paling penting dan statusnya. Page Speed Insights didasarkan pada laporan pengalaman pengguna yang tujuannya adalah memperoleh data dibandingkan dengan situs web lain.

Metrik yang ditawarkan oleh Page Speed Insights

Chrome UX

Chrome User Experience Report adalah kumpulan data yang Google sediakan tentang perilaku pengguna di seluruh dunia melalui Chrome. Untuk mengakses data ini kamu harus menggunakan Big Query, serta memiliki akun Google Cloud.

Melalui Google Data Studio, mereka membuat akses lebih mudah dan memiliki segalanya semi-siap untuk kita di Dashboard ini

Chrome Dev Tools

Kita dapat menganalisis metrik Core Web Vitals tidak hanya dengan Lighthouse; jika kita menyelam ke alat pengembang Chrome, kita dapat mencapai kesimpulan yang sama. Misalnya, di tab "Performance", jika kita melakukan rekaman atau pemuatan baru, kita dapat memperoleh informasi berharga tentang bagaimana URL kita berperilaku.

Tangkapan layar diambil di opsi Performance dari Chrome Dev Tools

Web.Dev

Selalu ada cara lebih mudah untuk melakukan sesuatu, setidaknya saat menyangkut mengetahui Core Web Vitals kita. Di situs resmi, kita memiliki halaman yang mendetailkan setiap metrik dan memberi kita penjelasan tentang apa itu dan praktik untuk meningkatkannya.

Selain itu, di Chrome Store kita memiliki ekstensi yang memberi kita informasi ini saat memasuki setiap URL:

Dengan indikasi merah atau hijau kita dapat melihat status URL kita terkait metrik-metrik ini:

Tangkapan layar hasil yang diberikan oleh ekstensi Web Vitals

Search Console

Search Console adalah alat yang sangat diperlukan bagi webmaster mana pun. Fitur telah ditambahkan yang membantu kita melihat URL mana yang memiliki masalah dengan 3 metrik ini (LCP, FID, dan CLS). Di menu sebelah kiri, kita memiliki opsi "Core Web Vitals". Saat kita memilih opsi ini, dua grafik akan muncul yang menunjukkan hasil URL berdasarkan perangkat. Jika kita memilih perangkat (desktop atau seluler), kita akan melihat secara detail URL mana yang memiliki masalah.

Jangan khawatir jika kamu melihat angka URL yang tinggi di sebelah kanan; ini relatif normal, karena masalah biasanya terjadi berdasarkan jenis halaman (misalnya posting blog) dan mengerjakan salah satunya akan memberi kita peningkatan di semuanya.

Kesimpulan

Tur melalui Core Web Vitals ini bertujuan memperkenalkan kita pada metrik yang akan semakin memperoleh keunggulan, dan kita, baik SEO atau Webmaster, akan hidup bersamanya. Dari SEO Alive, kami ingin merekomendasikan agar kamu menggunakan semua alat ini yang kami sediakan, yang tidak diragukan lagi akan membantumu meningkatkan kinerja WPO situsmu.

*Apakah kamu menerima tantangan untuk meningkatkan kecepatan situsmu? Jalankan tes dengan salah satu alat yang kami sebutkan dan kirim kami pesan dengan tangkapan layar. Kami akan memberimu tip untuk meningkatkannya sepenuhnya gratis! *