Apa itu Core Web Vitals & Bagaimana Meningkatkannya? [2020]

Menurut Google, Pengalaman pengguna adalah salah satu dari beberapa (sekitar 200) faktor Peringkat yang mereka gunakan untuk menentukan peringkat situs web di halaman hasil pencarian.

Jadi, mengoptimalkan pengalaman pengguna yang lebih baik membantu situs web mencapai kesuksesan jangka panjang di internet. Metrik vital web inti membantu Anda mengukur pengalaman pengguna di situs web Anda dan memberi Anda peluang untuk meningkatkannya.

Jadi, mari kita pahami apa itu dan bagaimana Anda dapat meningkatkan skor Anda dan memberikan keunggulan situs web Anda dibandingkan dengan yang lain.

Apa Itu Vital Web Inti?

Data vital web inti adalah serangkaian faktor spesifik yang penting untuk memberikan pengalaman pengguna yang berkualitas di web. Itu terbuat dari tiga kecepatan halaman inti dan pengukuran interaksi pengguna: cat puas terbesar, penundaan input pertama, dan pergeseran tata letak kumulatif.

Dengan kata lain, Data Web Inti adalah bagian dari Data Web yang digunakan oleh pemilik situs dan semua alat Google untuk mengukur Pengalaman Pengguna.

Ada beberapa vital web lainnya seperti Mobile friendly, penjelajahan aman, HTTPS, Tanpa Interstisial yang mengganggu, dll yang mengukur pengalaman pengguna di situs web. Tetapi sangat sulit bagi beberapa pengguna untuk melacak semua metrik penggunaan sekaligus. Itu sebabnya Google memperkenalkan konsep inti web vitals yang hanya berfokus pada pemuatan metrik utama, interaktivitas, dan stabilitas visual .

Anda dapat melacak data vital web inti situs web Anda di bagian "penyempurnaan" di akun konsol pencarian Anda. Anda dapat melihat daftar halaman di mana pengalaman pengguna tidak begitu baik dan juga menyarankan bagaimana Anda dapat meningkatkannya.

Mengapa vital web inti penting untuk SEO?

Tahun ini Google mengumumkan di blog pusat Penelusuran tentang sinyal pengalaman halaman.

Sebelumnya Google mempertimbangkan beberapa sinyal pengalaman halaman untuk peringkat termasuk:

• HTTPS
• Ramah seluler
• Kurangnya pop-up interstisial
• "Penjelajahan aman" (pada dasarnya, tidak memiliki malware di halaman Anda)

Tapi sekarang mereka telah menambahkan web vitals inti di dalamnya. Dibutuhkan peran utama di dalamnya. Pengalaman halaman yang baik tidak menggantikan konten yang relevan. Tetapi ini memberi Anda keunggulan kompetitif dibandingkan halaman pengalaman halaman rendah.

Jika kualitas konten kedua situs web sama maka Google menggunakan sinyal pengalaman halaman untuk memilih pemenang. Itulah mengapa Anda perlu bekerja di web vital inti situs web Anda.

Tapi, jangan khawatir Anda punya waktu untuk memperbaikinya hingga tahun 2021 mendatang. Namun Google juga menggunakan skor kinerja masa lalu untuk peringkat. Itu sebabnya Anda harus mulai mengerjakannya.

Pada artikel ini, saya akan memandu Anda tentang bagaimana Anda dapat meningkatkan skor vital web inti Anda.

Cat Contentful Terbesar (LCP)

LCP mengukur kinerja pemuatan situs web. Ini berarti berapa lama waktu yang dibutuhkan situs web untuk memuat halaman sepenuhnya.

Ini menghitung waktu untuk memuat bagian pertama yang terlihat dari situs web. Itu sebabnya Anda dapat memprioritaskan sumber daya Anda dan memuat konten penting terlebih dahulu.

Menurut Google, LCP tidak melebihi 2,5 detik saat halaman mulai dimuat.

LCP berbeda dari metrik lain seperti Time To First Byte (TTFY) dan First contentful paint karena mengukur kinerja dunia nyata dari laporan UX chrome.

Ini berfokus pada waktu untuk memuat halaman untuk melihat pengguna yang sebenarnya dan mulai berinteraksi dengan halaman web.

Anda dapat memeriksa skor LCP Anda di wawasan kecepatan halaman Google. Ini menunjukkan data dengan memeriksa seluruh situs web dan menunjukkan daftar URL di mana perbaikan perlu dilakukan.

Anda dapat melihat skor seluler situs web saya sekitar 60 dan ini dapat ditingkatkan jika saya mengerjakan desain situs web seluler saya. Di desktop, skor situs web saya di atas 90 tetapi di perangkat seluler, hanya 60 karena cat konten yang besar.

Tetapi jangan mengandalkan skor ini sepenuhnya karena skor ini berubah seiring waktu dan terkadang meminta Anda untuk menghapus plugin atau skrip penting untuk meningkatkan kinerja.

Anda juga dapat melihat peringatan tentang Cat konten yang besar di konsol pencarian Google . (GSC)

LCP juga dibagi lagi menjadi tiga kategori.

1. Bagus
2. Perlu Perbaikan
3. Miskin.

Jika LCP Anda di bawah 2,5 detik maka ini dianggap baik, skor antara 2,5 detik hingga 4 detik dianggap Perlu Peningkatan, dan skor lebih dari 4 detik dianggap buruk.

Anda juga dapat melihat bahwa mencapai LCP kurang dari 2,5 pada perangkat Seluler sangat sulit. Selalu mencoba untuk tetap di bawah 4sec.

Langkah-langkah untuk meningkatkan skor LCP:

Siapkan pemuatan lambat

pertimbangkan untuk menggunakan Lazy Loading di situs web Anda. Jika Anda menggunakan WordPress 5.4 atau lebih tinggi , maka lazy loading diaktifkan secara default pada gambar. Anda harus fokus pada video Lazy Loading karena memperlambat halaman.

Hapus skrip pihak ketiga yang tidak perlu:

Pastikan untuk menggunakan skrip yang diperlukan saja dan hapus semua skrip pihak ketiga dari situs web Anda. Pastikan untuk mengurangi Pemblokiran utas utama menjadi sekitar 150 hingga 160 ms.

Tingkatkan hosting web:

Cobalah untuk menggunakan web hosting yang lebih baik dan lebih handal sesuai dengan ukuran website Anda. Ini memainkan peran yang sangat penting dalam kecepatan memuat situs web.

Jika Anda tidak tahu bagaimana memilih web hosting terbaik maka Anda harus Panduan di Berbagai jenis web hosting dengan panduan pembelian .

Hapus elemen halaman besar:

Alat wawasan kecepatan halaman menunjukkan kepada Anda elemen halaman besar yang dapat Anda hapus untuk meningkatkan skor Anda.

Perkecil CSS

Elemen CSS yang besar memengaruhi skor LCP situs web. Itu sebabnya Anda harus mengecilkan kode CSS Anda untuk meningkatkan LCP.

Penundaan Input Pertama (FID)

Penundaan input pertama mengukur waktu yang dibutuhkan pengguna untuk berinteraksi dengan halaman Anda. Ini berarti waktu yang dibutuhkan oleh browser web untuk memproses halaman web Anda dan pengguna akan dapat berinteraksi dengan halaman seperti mengklik Tautan, menggulir halaman atau memasukkan detail login , dll.

Alasan utama keterlambatan interaksi pengguna adalah tugas skrip pemblokiran utas utama .

Sangat penting untuk menjaga waktu FID tetap rendah karena secara langsung memengaruhi pengalaman pengguna di situs web Anda. Google menetapkan skor FID yang dapat diterima sebagai di bawah 100 MS .

Untuk situs web seperti Blog atau artikel , FID tidak terlalu penting karena interaksi yang terjadi adalah menggulir halaman atau Memperbesar atau memperkecil, mendaftar untuk buletin email.

Tetapi untuk situs web di mana login atau pendaftaran diperlukan, FID memainkan peran utama di dalamnya. Karena pengguna harus mengetikkan detail login di formulir dan ketika situs web membutuhkan waktu yang sangat lama untuk menerima detailnya, itu akan menciptakan pengalaman pengguna yang sangat buruk.

FID juga penting untuk situs web seperti situs web E -niaga di mana pengguna harus menambahkan produk ke keranjang dan masuk ke akun pengguna. Itulah mengapa Anda perlu berusaha meminimalkan First Input Delay (FID).

Langkah-langkah untuk meningkatkan skor FID:

Hapus skrip pihak ketiga yang tidak perlu:

Anda dapat meningkatkan skor FID Anda dengan menghapus skrip yang tidak perlu (seperti Google Analytics, peta panas, Onesignal, dll)

Tunda JavaScript:

Jika situs web Anda memuat javascript di awal pemuatan halaman, maka sulit bagi pengguna untuk berinteraksi dengan cepat. Itu sebabnya Anda dapat mengaktifkan javascript Tunda menggunakan plugin cache seperti WP-Rocket, cache Litespeed, dll.

Ini akan memuat file javascript yang tidak diperlukan di awal pemuatan halaman. Ini akan secara signifikan meningkatkan kecepatan situs web Anda secara keseluruhan.

Aktifkan cache Peramban:

Dengan mengaktifkan cache browser, Anda akan menghemat banyak sumber daya server dan situs web Anda tidak akan meminta semua file untuk pengunjung lama. Browser akan memuat beberapa file dasar dari file cache dan meningkatkan skor FID Anda.

Aktifkan kompresi Gzip

Anda dapat mengurangi ukuran file HTML, dan CSS hingga 80 persen dengan mengaktifkan kompresi Gzip. Anda dapat melakukan ini dengan Cloudflare CDN atau dari dasbor hosting web Anda.

Pergeseran Tata Letak Kumulatif (CLS)

Pergeseran tata letak kumulatif berfokus pada stabilitas visual keseluruhan situs web Anda. Ini biasanya terjadi karena manipulasi DOM atau kurangnya atribut dimensi untuk elemen media utama.

Menurut Google CLS harus di bawah 0,1 . Anda dapat lebih memahami bagaimana pergeseran tata letak kumulatif terjadi di situs web pada grafik di bawah ini.

Langkah-langkah untuk meningkatkan skor CLS

Gunakan file media dimensi atribut ukuran yang ditetapkan (video, gambar, GIF, infografis, dll.):

Anda dapat menentukan ukuran media tertentu sehingga browser pengguna mengetahui berapa banyak ruang yang akan digunakan elemen tersebut. Jadi, itu tidak akan berubah setelah halaman dimuat penuh.

Ruang yang dipesan untuk penempatan iklan

Jika Anda menggunakan iklan otomatis di Adsense maka iklan Anda ditampilkan secara acak dan terkadang mendorong konten di bawah untuk menampilkan iklan. Itu sebabnya Anda perlu memesan beberapa ruang khusus untuk penempatan iklan di situs web.

Tambahkan elemen UI baru di bawah halaman web:

Jika Anda menggunakan beberapa elemen UI seperti pop-up, Anda dapat menampilkannya di bagian bawah situs web Anda. Dengan cara ini, itu tidak akan mendorong konten ke bawah dan meningkatkan skor CLS Anda.

Kesimpulan

Data vital web inti adalah beberapa sinyal pengalaman pengguna terbaik yang dimiliki pengembang dan pemilik situs web saat ini. Jika Anda mengikuti panduan di atas dengan benar, Anda dapat dengan mudah meningkatkan kecepatan keseluruhan dan meningkatkan skor vital web inti Anda.

Sekarang giliran Anda.

Metode mana yang akan Anda coba terlebih dahulu, beri tahu saya di bagian komentar?

Jika Anda menyukai artikel ini, bagikan dengan komunitas blog Anda di media sosial.