Cara menganalisis hasil dari Google PageSpeed ​​Insights

Karena Google akan memberikan peningkatan peringkat ke situs web yang cepat, Anda mungkin ingin memahami lebih banyak tentang wawasan Google PageSpeed?

…Dan saya tidak terkejut karena itu membingungkan!

Artikel ini akan membantu.

Mengapa kecepatan halaman situs web penting?

Google ingin memberikan pengalaman pengguna sebaik mungkin kepada pengguna.

Jika situs web Anda lambat, itu akan membuat pengguna frustrasi dan menciptakan pengalaman pengguna yang buruk. Ini sederhana seperti itu. Kinerja memengaruhi pengalaman.

Google baru-baru ini mengumumkan bahwa core web vitals akan digunakan sebagai bagian dari algoritme peringkat mereka pada tahun 2021. Core web vitals ini adalah indikator kecepatan dan seberapa cepat orang dapat berinteraksi dengan halaman Anda.

Pada dasarnya untuk tabel di bawah ini Anda tidak boleh 'merah'

Apa itu Google PageSpeed ​​Insights?

Ini adalah alat gratis yang disediakan oleh Google yang memungkinkan Anda memasukkan URL halaman web dan menjalankan tes dengan cepat untuk memeriksa berbagai metrik yang terkait dengan kinerja.

Alat ini kemudian memberi halaman Anda skor mulai dari 0 hingga 100 poin. Skor sebenarnya bukan tentang kecepatan. Anda bisa mendapatkan skor yang lebih baik jika Anda telah menggunakan rekomendasi umum dari Google tentang peningkatan kecepatan.

Ini juga menunjukkan kepada Anda parameter persis yang memperlambat halaman Anda serta saran tentang cara membuatnya lebih baik.

Di sinilah hal-hal menjadi teknis dan hasilnya agak sulit dipahami.

Bagaimana Anda menginterpretasikan hasilnya?

Hal pertama yang Anda lihat setelah menjalankan pengujian adalah skor kinerja (desktop dan seluler) untuk halaman yang dianalisis.

Ini akan menjadi angka antara 0 dan 100.

• 0 hingga 49 – Ini buruk, Anda tidak ingin skor Anda menjadi 49 atau di bawah
• 50 hingga 89 – Tidak apa-apa, tetapi masih ada ruang untuk perbaikan
• 90 hingga 100 – Jika Anda berada dalam skala ini, Anda berada di buku yang bagus.

Saat Anda menggulir ke bawah, Anda akan melihat apa yang menyebabkan skor tinggi atau rendah:

Catatan: Lihat indikator warna sebelum setiap bagian:

• Hijau berarti cepat
• Oranye artinya sedang
• Merah artinya lambat

Inilah yang dimaksud dengan masing-masing bagian ini:

Cat Penuh Konten Pertama

Ini adalah waktu yang diperlukan dari navigasi ke halaman dari browser hingga saat konten mulai dirender.

Pada dasarnya, ini adalah indikator bahwa halaman mulai dimuat.

Misalnya, bisa saja hanya perubahan warna yang merupakan warna latar belakang halaman, gambar yang ditampilkan atau sepotong teks.

Ini penting karena ketika pengguna melihat beberapa tindakan, mereka cenderung menunggu sampai halaman dimuat penuh.

Pedoman:

Saatnya untuk interaktif

Parameter ini menunjukkan seberapa cepat halaman menjadi interaktif.

Ini berarti halaman menampilkan elemen yang cukup di layar sehingga pengguna benar-benar dapat berinteraksi dengannya, misalnya mengklik tombol menu.

Kadang-kadang, situs web dapat fokus pada visibilitas yaitu menampilkan semuanya sebelum Anda dapat berinteraksi dengan konten yang mungkin membuat pengguna frustrasi.

Pedoman:

Total Waktu Pemblokiran

Ada kesenjangan antara waktu pengunjung situs web Anda melihat konten di layar dan waktu mereka dapat berinteraksi dengannya.

Ini adalah total waktu pemblokiran!

Ada baiknya untuk mengetahui apakah orang tidak dapat melakukan hal-hal seperti klik mouse, ketukan layar, atau penekanan kata kunci sebelum situs web interaktif.

Tugas panjang adalah tugas yang memblokir Anda selama lebih dari 50 md.

Apa pun yang lebih dari 50 ms dianggap memblokir waktu.

Jika tidak ada tugas yang panjang maka Anda akan melihat 0 waktu pemblokiran yang seperti yang Anda lihat di statistik di atas.

Pergeseran Tata Letak Kumulatif

Pergeseran tata letak adalah ketika elemen visual ditampilkan di layar tetapi kemudian bergerak.

Jadi misalnya Anda sedang membaca berita dan ada pergeseran tata letak sehingga lokasi artikel berita berubah.

Ini adalah perilaku yang tidak terduga dari sudut pandang pengguna.

Semakin tinggi skor semakin buruk.

Indeks Kecepatan

Ini adalah hal yang sulit untuk dipahami tetapi sangat berharga.

Jadi bayangkan 2 situs web yang keduanya dimuat dalam 1,5 detik.

Jika Anda menelusuri 2 situs web yang ditunjukkan pada gambar di atas, mana yang akan memuat lebih cepat?

Keduanya terisi penuh dalam 1,5 detik tetapi karena situs pertama mulai menampilkan beberapa elemen sebelumnya, tampaknya lebih cepat bagi pengguna.

Jika Anda hanya mengukur waktu untuk memuat, keduanya sama.

Indeks kecepatan adalah skor yang dihitung berdasarkan seberapa 'cepat' situs web dimuat sepenuhnya.

Rekaman video dari beban digunakan untuk menunjukkan secara visual ketika bit dimuat.

Pada berbagai interval, jumlah konten yang terlihat di layar (paro atas) dibandingkan dengan konten yang ditampilkan di situs web yang terisi penuh untuk mengetahui persentase konten yang ditampilkan untuk waktu tertentu.

Proses ini diulang beberapa kali.

Waktu hanya berdasarkan apa yang dapat dilihat pengguna di layar (area pandang). Tidak masalah apa yang ada di paro bawah.

Jadi…ada baiknya mencoba dengan viewport yang berbeda.

Jika Anda memiliki 2 situs web dan yang satu menampilkan elemen visual sebelum yang lain, itu akan berakhir dengan skor indeks kecepatan yang lebih rendah.

Semakin rendah semakin baik.

Cat Contentful terbesar

Ini adalah waktu yang diperlukan elemen halaman terbesar untuk dirender sepenuhnya.

Saat halaman dimuat, elemen pertama menjadi elemen terbesar tetapi ini diganti ketika elemen yang lebih besar ditambahkan.

Elemen terakhir dari sebuah halaman bisa menjadi elemen halaman terbesar (misalnya gambar besar) atau mungkin tidak.

Catatan: kita tidak membicarakan berapa banyak ruang yang dibutuhkan di layar.

Berikut adalah 2 contoh.

Waktu dari saat situs web mulai ditampilkan hingga saat gambar terakhir pada halaman ditampilkan akan dianggap sebagai cat kepuasan terbesar. Ini karena gambar mengambil sebagian besar real estat di halaman!

Tetapi…

Dalam kasus di bawah gambar 'Instagram' adalah gambar terbesar yang ditampilkan sehingga cat kepuasan terbesar adalah ketika layar terakhir kedua dimuat.

Layar terakhir didiskon. Semua yang ditambahkan ke layar itu adalah 'tombol putar Google' yang merupakan gambar lebih kecil daripada 'Instagram'.

Menurut Google, jika Anda ingin memberikan pengalaman pengguna yang baik, LCP harus terjadi dalam 2,5 detik sejak halaman pertama kali mulai dimuat.

Pedoman:

Peluang

Bagian Peluang menunjukkan saran yang dapat membantu meningkatkan waktu pemuatan halaman.

Setiap saran juga menunjukkan perkiraan pengurangan waktu buka halaman jika Anda menerapkan rekomendasi.

Diagnostik

Diagnostik menyoroti praktik terbaik dalam pengembangan web yang harus Anda pertimbangkan untuk diterapkan.

Namun, bahkan jika Anda membuat peningkatan ini, itu tidak akan secara langsung memengaruhi skor Performa halaman Anda.

Ringkasan

Meningkatkan kecepatan situs web Anda adalah tentang memberikan pengalaman yang lebih baik kepada pengunjung. Memiliki situs yang dimuat dengan cepat membuat pengguna dan mesin telusur lebih bahagia, tetapi juga memengaruhi kemampuan Anda untuk mengubah pengunjung menjadi pelanggan.

Alat seperti Google PageSpeed ​​Insights sangat berguna karena menunjukkan Anda harus mulai dari mana dan masalah mana yang harus difokuskan untuk meningkatkan kinerja situs web Anda.

Semoga artikel ini membantu Anda memahami cara kerja alat ini dan apa arti sebenarnya dari hasil pengujian sehingga Anda dapat mulai mengoptimalkan halaman web Anda untuk menciptakan pengalaman yang luar biasa bagi pengunjung Anda.