Empat cara untuk meningkatkan kecepatan halaman dan menguasai Data Web Inti

Google baru saja memperbarui algoritme pencariannya, menjadikannya peluang sempurna untuk meningkatkan peringkat halaman situs Anda dengan kiat-kiat Inti Web Vitals ini.

Pembaruan besar terbaru Google untuk algoritme pencariannya sangat berfokus pada pengalaman pengguna melalui serangkaian metrik faktor peringkat baru, yang disebut Core Web Vitals. Hasil awal dari audit Core Web Vital mengungkapkan bahwa rata-rata kinerja situs web di bawah standar baru ini. Penelitian Searchmetrics mengungkapkan bahwa, rata-rata, situs dapat mengurangi waktu buka halaman hampir satu detik dengan menghapus JavaScript yang tidak digunakan.

Ini memberikan peluang luar biasa untuk mengungguli situs web lain dengan meningkatkan peringkat halaman Anda sendiri.

Berikut adalah semua yang perlu Anda ketahui tentang Data Web Inti ditambah empat langkah sederhana untuk meningkatkan metrik Anda.

Konten yang dibuat dalam kemitraan dengan Searchmetrics.

Apa metrik Data Web Inti?

Data Web Inti adalah perpanjangan dari sinyal pengalaman halaman Google yang mencakup keramahan seluler dan HTTP. Tiga metrik Core Web Vitals mengukur kinerja pemuatan, interaktivitas, dan stabilitas visual, yang menurut Google memberikan gambaran akurat tentang pengalaman pengguna di dunia nyata.

1. Largest Contentful Paint (LCP) mengukur waktu pemuatan gambar atau blok teks terbesar yang terlihat dalam sudut pandang pengguna.
2. First Input Delay (FID) mengukur interaktivitas pada halaman dengan menghitung waktu dari saat pengguna pertama kali berinteraksi dengan situs hingga saat browser merespons interaksi tersebut.
3. Pergeseran Tata Letak Kumulatif (CLS) mengacu pada seberapa banyak konten bergeser selama rendering halaman.

Cara memeriksa wawasan kecepatan halaman Anda

Ada banyak alat online yang memeriksa skor peringkat halaman Anda, termasuk PageSpeed ​​Insights, Laporan Pengalaman Pengguna Chrome, Audit Lighthouse, dan Search Console. Situs-situs ini mengukur kecepatan halaman dalam berbagai elemen dan menampilkan hasilnya menggunakan sistem lampu lalu lintas. PageSpeed ​​Insights memberikan rincian hasil dan menyoroti area peningkatan.

Apa yang dimaksud dengan kinerja "baik" dalam angka?

Untuk menyediakan pengalaman pengguna yang baik, LCP akan muncul dalam 2,5 detik saat halaman pertama kali mulai dimuat. Halaman harus memiliki FID kurang dari 100 milidetik dan mempertahankan CLS kurang dari 0,1.

Situs web, seperti Wikipedia, memiliki skor kecepatan halaman tertinggi karena pendekatan desain web yang ringan, terutama menggunakan teks dan gambar yang dioptimalkan. Situs web yang sangat bergantung pada konten video dan gambar lebih lambat dimuat dan memberikan pengalaman pengguna yang buruk. Oleh karena itu, ada keseimbangan antara desain dan pengalaman pengguna.

Lihat di mana peringkat situs Anda. Mengunjungi Wawasan PageSpeed dan masukkan URL Anda. Catatan: Angka teratas adalah skor Lighthouse Anda, juga disebut sebagai skor PageSpeed, yang diukur dari nol hingga 100. Meskipun ini merupakan tolok ukur umum yang baik untuk kinerja situs Anda. Ini tidak sepenuhnya terkait dengan tiga metrik Data Web Inti, yang harus dilihat sebagai analisis LCP, FID, dan CLS.

Cara meningkatkan kecepatan halaman Anda

Passing dianggap mendapatkan skor “baik” di ketiga area tersebut. Membuat perubahan kecil dapat meningkatkan skor kecepatan halaman hanya dalam satu detik, yang dapat mengubah situs dari skor "buruk" atau "perlu peningkatan" di LCP menjadi skor "baik". Mengurangi waktu buka akan membuat pengguna lebih bahagia dan meningkatkan lalu lintas ke situs.

Tom Wells, pakar pemasaran kreatif di Searchmetrics, mengatakan,

“Apa pun yang tidak diperlukan di situs web seharusnya tidak ada di sana.”

Sederhananya, mengidentifikasi dan menghapus elemen yang tidak digunakan atau memiliki tujuan substantif dapat meningkatkan skor kecepatan halaman situs.

1. Gambar kebesaran

Gambar yang dioptimalkan dengan buruk adalah salah satu penyebab utama yang memengaruhi skor LCP situs karena ini biasanya merupakan elemen terbesar yang dimuat. Bisnis e-niaga dan mereka yang sangat bergantung pada gambar mungkin memiliki skor LCP yang lebih buruk karena rendering halaman dari beberapa gambar beresolusi tinggi.

Mengoptimalkan aset ini dengan menggunakan desain responsif atau pemformatan gambar generasi berikutnya seperti WebP, JPEG 2000, dan JPEG XR dapat meningkatkan skor dengan mengurangi waktu rendering. Seringkali, gambar dapat diringkas menjadi ukuran yang jauh lebih kecil tanpa mempengaruhi kualitas gambar. Sumber daya gratis seperti Squoosh dapat melakukan ini untuk Anda.

2. Konten dan iklan dinamis

Memuat iklan di halaman web adalah salah satu penyebab utama skor CLS yang buruk. Ini mungkin karena elemen pada halaman yang bergeser untuk mengakomodasi iklan dinamis, yang membuat pengalaman pengguna menjadi buruk.

Menggunakan metode penerapan cerdas seperti mengalokasikan atribut ukuran atau kotak rasio aspek CSS untuk semua iklan, video, dan elemen gambar adalah salah satu cara untuk mengurangi pergeseran konten. Beberapa perusahaan mungkin menggunakan plugin atau kode di bagian atas situs web untuk menempatkan iklan. Namun, ini dapat menyebabkan situs web lebih lambat, memengaruhi pengalaman pengguna secara negatif dan secara tidak langsung memengaruhi peringkat.

Selain itu, jangan pernah menyisipkan konten di atas konten yang sudah ada, kecuali sebagai respons terhadap interaksi pengguna tertentu karena ini memastikan setiap perubahan tata letak yang terjadi. Misalnya, ketika Anda mengklik tombol CTA dan formulir muncul adalah pengecualian.

3. Ekonomi web yang berpusat pada plugin

Plugin dapat bertindak seperti "plester di atas celah" untuk menyelesaikan masalah situs web, kata Wells. Meskipun membuat perbaikan sementara, ini dapat memperlambat dan menghambat kinerja web karena semua kode perlu dimuat sebelum pengguna dapat sepenuhnya berinteraksi dengan halaman web.

Menggunakan plugin dapat meningkatkan jumlah permintaan server dan meningkatkan waktu eksekusi javascript. Semua faktor ini dapat menurunkan skor FID situs.

“Seringkali kami mencari perbaikan dan solusi lanjutan, tetapi terkadang semudah menghapus apa yang tidak diperlukan,” kata Wells.

Oleh karena itu, menghapus beberapa plugin, terutama yang tidak digunakan, dapat meningkatkan reaktivitas dan kecepatan situs web.

4. Terlalu banyak kode

Google menyarankan untuk fokus pada kinerja situs web secara keseluruhan.

“Sangat penting untuk situs web yang responsif dan memiliki skor yang baik agar seringan mungkin,” kata Wells.

“Semakin banyak hal yang harus dimuat server, semakin lambat waktu muat secara keseluruhan.”

Meskipun CSS dan JavaScript yang tidak digunakan mungkin tidak secara langsung memengaruhi skor kecepatan halaman, hal itu masih dapat memengaruhi waktu muat situs, membuat kode yang membengkak, dan berdampak negatif pada pengalaman pengguna.

Kapan saya harus mulai?

Peluncuran algoritme baru Google dimulai pada pertengahan Juni, jadi ada baiknya untuk memulai meninjau seberapa baik skor situs Anda pada tes kecepatan halaman. Situs web yang berperingkat baik cenderung memiliki skor Core Web Vitals yang lebih tinggi dan tren ini akan terus berlanjut karena Google lebih menekankan pada pengalaman pengguna.
___
oleh Aoife Morgan
sumber: SearchEngineWatch