Core Web Vitals - Apa itu dan Bagaimana Meningkatkannya?

Google memperkenalkan program baru pada tahun 2020, yang disebut Web Vitals. Ini mengacu pada teknik yang menawarkan panduan tentang sinyal kualitas. Menurut Google, metrik ini sangat penting untuk memberikan pengalaman pengguna yang sangat baik di web. Pada Mei 2021, Google mulai menggunakan Core Web Vitals sebagai metrik untuk peringkat pencarian di platformnya.

Apa itu Data Web Inti?

Data Web Inti adalah metrik untuk mengukur pengalaman pengguna di situs. Mereka mengukur seberapa cepat pengguna dapat berinteraksi dengan situs web dan hasil apa yang mereka dapatkan berdasarkan pencarian mereka. Data Web Inti berfungsi sebagai sinyal yang mengevaluasi seberapa mudah dan mulus bagi pengunjung situs untuk menavigasi situs.

Saat Anda meningkatkan situs dan pengalaman pengguna, pengalaman halaman Anda akan mendapat skor lebih tinggi menggunakan metrik Data Web Inti. Google mengidentifikasi tiga metrik Data Web Inti yang harus diketahui dan digabungkan oleh pemilik situs. Ini disebutkan di bawah ini:

Loading: Juga disebut sebagai Largest Contentful Paint (LCP), pemuatan mengukur kecepatan di mana elemen terbesar dimuat dan ditampilkan di situs. Elemen-elemen tersebut antara lain animasi, video, teks, gambar, dan lain-lain.

Interaktivitas: Google menyebutnya Pergeseran Tata Letak Kumulatif (CLS) dan memastikan bahwa halaman di situs web tidak memiliki fitur tak terduga atau gerakan membingungkan yang mungkin mengalihkan perhatian atau mengganggu pengguna saat mengonsumsi konten situs Anda.

Stabilitas Visual: Ini secara teknis disebut sebagai First Input Delay (FID) dan ini mencerminkan tingkat responsivitas halaman situs saat pengunjung situs pertama kali berinteraksi dengannya. FID juga mengukur kecepatan browser dapat menghasilkan hasil untuk pengguna di situs Anda.

Cara Meningkatkan Vital Web Inti di Situs Web Anda

Hal pertama yang harus dilakukan adalah menjalankan analisis kinerja situs web cepat untuk melihat bagaimana tarif situs web Anda dalam metrik vital web inti. Anda dapat menggunakan alat yang berbeda untuk analisis ini, termasuk Google Search Console dan Page Speed ​​Insights, antara lain. Setelah menjalankan analisis, Anda mungkin menemukan bahwa Anda perlu menerapkan beberapa kiat berikut untuk membantu meningkatkan situs Anda.

• Kurangi Eksekusi JavaScript

Peringkat FID yang buruk berarti bahwa halaman situs web Anda berinteraksi dengan pengunjung lebih dari 300 milidetik. Saat Anda mengurangi dan mengoptimalkan eksekusi JavaScript, ini mengurangi jangka waktu antara saat browser Anda mengeksekusi kode JavaScript. Hasil dari ini adalah jangka waktu eksekusi yang berkurang. Google merekomendasikan untuk menunda JavaScript yang tidak digunakan untuk mengurangi eksekusi. Untuk mengetahui apakah situs Anda memiliki JS yang tidak digunakan, ikuti langkah-langkah di bawah ini:

• Buka situs Anda dan klik kanan di sisi mana pun, lalu pilih "Periksa"

• Klik pada tab “Sumber” dan centang tiga titik di bagian bawah. Tambahkan alat "Cakupan" dan klik fungsi muat. Tunggu hingga pemuatan selesai dan Anda dapat melihat volume JS yang tidak digunakan di halaman Anda.

Dengan pengetahuan ini, Anda dapat mulai mengurangi eksekusi JS. Salah satu cara Anda dapat mengurangi eksekusi adalah dengan menggunakan pemecahan kode. Bagaimana cara kerjanya? Pecahkan bundel JavaScript menjadi potongan-potongan yang lebih kecil. Bundled JS adalah file gabungan yang dibundel untuk mencegah terlalu banyak permintaan HTTP yang diperlukan untuk memuat halaman web.

Kompres dan Optimalkan Gambar

Untuk banyak situs web, gambar adalah elemen terbesar di halaman mereka. Untuk memastikan bahwa situs web Anda lolos dari metrik Pemuatan, Anda harus mempertimbangkan untuk mengoptimalkan gambar di situs Anda. Dengan ini, halaman web Anda menjadi lebih ringan dan kecepatan pemuatan akan meningkat secara signifikan.

Halaman yang lebih ringan juga akan meningkatkan pengalaman pengguna, skor LCP, dan peringkat pada hasil mesin pencari. Untuk mengurangi ukuran halaman Anda, kompres gambar menggunakan alat seperti Tiny JPG. Mengurangi ukuran keseluruhan halaman Anda tidak akan memengaruhi resolusi dan kualitas tetapi akan meningkatkan hasil LCP situs Anda.

Kami menyarankan Anda menggunakan format PNG untuk grafik dan JPG untuk gambar lanskap. Selain mengompresi gambar, Anda juga dapat mengaktifkan CDN (Content Delivery Network) untuk gambar situs Anda.

Jaringan Pengiriman Konten adalah sekelompok server di seluruh dunia yang menyimpan konten dari web. Server ini didistribusikan di lokasi yang berbeda; gambar dapat dikirimkan dari server terdekat dengan pengguna dengan cara yang lebih cepat.

Terapkan Pemuatan Malas

Menerapkan pemuatan lambat sangat penting saat menampilkan gambar di situs Anda. Saat Anda menggunakan teknik ini, skor vital web inti Anda dan pengalaman pengguna di situs Anda tidak akan terpengaruh secara negatif. Jadi, apa itu pemuatan malas? Pemuatan lambat memungkinkan situs Anda memuat gambar pada saat yang sama saat pengguna menggulir halaman ke bawah. Ini memastikan bahwa kecepatan pemuatan situs Anda tidak terganggu dan Anda dapat mencapai tingkat skor LCP teratas. Ada banyak manfaat yang terkait dengan pemuatan malas. Mereka termasuk:

• Peningkatan kinerja situs

• Pembatasan penggunaan bandwidth

• Peningkatan SEO di situs

• Pertahankan pengunjung situs dan minimalkan rasio pentalan

Jika Anda mengoperasikan situs web dengan halaman yang berisi banyak video, animasi, gambar, dan elemen berat lainnya, penting untuk menggunakan pemuatan lambat. Setelah menerapkan tip ini, Anda dapat membandingkan skor LCP Anda sebelumnya dengan yang baru yang Anda dapatkan setelah menerapkan lazy loading.

Gunakan Dimensi yang Sesuai untuk Sematan dan Gambar

Skor CLS yang lebih dari 0,1 dianggap buruk. Penyebab utama skor yang buruk adalah elemen berat, seperti sematan, iklan, dan gambar tanpa dimensi. Untuk meningkatkan skor CLS situs Anda, perhatikan dimensi. Saat Anda menggunakan lebar dan tinggi yang akurat untuk gambar dan sematan, browser akan lebih mudah mengalokasikan volume ruang yang tepat di halaman selama proses pemuatan. Pastikan Anda menetapkan dimensi yang tepat untuk gambar dan penyematan saat memasukkan video YouTube ke situs web Anda. Berikut adalah cara mengubah ukuran video dari YouTube untuk ditampilkan di situs Anda.

• Buka YouTube dan buka video yang ingin Anda sematkan di situs Anda.

• Cari tombol bagikan dan pilih <> opsi Sematkan.

• Anda akan melihat semua detail tentang video, termasuk dimensi. Salin kode dan tempel ke backend di situs Anda. Ini akan mengubahnya menjadi lebar dan tinggi yang benar agar sesuai dengan situs Anda dengan benar.

Pikiran Akhir

Ini adalah tip teratas yang dapat Anda gunakan untuk meningkatkan vital web inti di situs web Anda. Dalam posting ini, kami telah melihat dasar-dasar vital web inti dan tips yang dapat Anda terapkan untuk meningkatkan skor Anda. Peningkatan skor berarti peringkat Anda akan meningkat dalam hasil pencarian dan akan ada tingkat yang signifikan dalam rasio pentalan di situs Anda.