Cara Menggunakan Google PageSpeed ​​Insights

Diterbitkan: 2021-10-06
Google PageSpeed Insights

Seberapa cepat situs web dimuat merupakan parameter penting dari pengalaman pengguna. Sebagai pemilik situs web, Anda akan terus-menerus mengawasi kinerja situs Anda, dan mencoba menemukan potensi masalah apa pun yang memengaruhinya. Google PageSpeed ​​Insights adalah alat yang hebat untuk membantu Anda mengidentifikasi masalah apa pun yang dapat menghambat kinerja situs Anda. Dalam artikel ini, kami akan membahas bagaimana Anda dapat menggunakan Google PageSpeed ​​Insights untuk memastikan kinerja yang unggul secara konsisten di situs Anda.

Google PageSpeed ​​Insights – Gambaran Umum

Google PageSpeed ​​Insights adalah alat yang menawarkan laporan terperinci tentang kinerja situs Anda di perangkat seluler dan desktop. Ini menawarkan data dari lingkungan yang dikendalikan serta dari skenario dunia nyata. Ini akan memberi Anda perspektif yang lebih baik tentang indikator kinerja aktual situs web Anda. Untuk mendapatkan ide dengan mudah setelah tes kecepatan, Anda dapat mengandalkan skor kinerja yang akan terlihat di halaman laporan. Skor kinerja di atas 90 adalah ideal, sedangkan 50-90 adalah skor yang perlu ditingkatkan, dan di bawah 50 dianggap sebagai skor yang buruk.

Dengan Google PageSpeed ​​Insights, Anda dapat memahami jika ada masalah kinerja dengan situs web Anda.

Bagaimana cara menggunakan Google PageSpeed ​​Insights?

Untuk mendapatkan insight-nya cukup mudah. Buka situs web, dan masukkan url yang ingin Anda analisis, dan klik tombol Analisis.

Anda dapat memulai Google PageSpeed ​​Insights dengan memasukkan url yang ingin Anda analisis.

Ini akan memberi Anda hasil dalam beberapa detik. Anda dapat beralih antara laporan seluler dan desktop. Skor kinerja akan ditampilkan di bagian atas halaman hasil, diikuti oleh bagian data yang berbeda. Ini termasuk Data Lapangan, Data Lab, dan Audit.

Halaman hasil Google PageSpeed ​​Insights menawarkan berbagai metrik berbeda yang membantu Anda mengidentifikasi kinerja situs dalam satu pandangan.

Bagaimana menafsirkan Data Bidang Wawasan Google PageSpeed

Google PageSpeed ​​Insights melihat Laporan Pengalaman Pengguna Chrome untuk memberi Anda laporan terperinci tentang Data Lapangan. Laporan akan memiliki metrik berikut:

  • First Contentful Paint (FCP) – menunjukkan waktu yang dibutuhkan untuk rendering pertama teks atau gambar oleh browser
  • First Input Delay (FID) – mengukur pengalaman pengguna saat menangani halaman yang tidak responsif
  • Cat Isi Terbesar (LCP) – menunjukkan waktu yang dibutuhkan untuk memuat konten utama pada halaman.
  • Pergeseran Tata Letak Kumulatif (CLS) – menunjukkan pengalaman perubahan tata letak yang tidak terduga oleh pengguna.

Google menganggap skor berikut baik, perlu ditingkatkan, dan buruk untuk setiap kumpulan data ini:

Bagus

Data Skor
FCP [0, 1800 md]
FID [0, 100 md]
LCP [0, 2500 md]
CLS [0, 0.1]
Skor PSI bagus

Perlu perbaikan

Data Skor
FCP [1800ms, 3000ms]
FID [100ms, 300ms]
LCP [2500ms, 4000ms]
CLS [0.1, 0.25]
Skor PSI yang perlu ditingkatkan

Miskin

Data Skor
FCP lebih dari 3000ms
FID lebih dari 300ms
LCP lebih dari 4000ms
CLS lebih dari 0,25
Skor PSI yang dianggap buruk

Bagaimana cara menginterpretasikan Data Lab Google PageSpeed ​​Insights?

Dengan bantuan Lighthouse, alat otomatis yang membantu meningkatkan kualitas halaman web, PageSpeed ​​Insights menawarkan metrik tertentu yang dikategorikan sebagai Data Lab di halaman hasil. Ini adalah:

  • First Contentful Paint – waktu yang dibutuhkan untuk merender teks atau gambar pertama
  • Cat Contentful Terbesar – waktu yang diperlukan untuk merender teks atau gambar terbesar
  • Indeks Kecepatan – menunjukkan seberapa cepat konten halaman web diisi.
  • Pergeseran Tata Letak Kumulatif – menunjukkan pengalaman perubahan tata letak yang tidak terduga oleh pengguna
  • Time to Interactive – waktu yang dibutuhkan halaman web untuk menjadi benar-benar interaktif.
  • Total Blocking Time – total periode waktu antara FCP dan Time to Interactive

Skor kinerja halaman web dihitung berdasarkan data ini.

Audit

Data dari Audit tersedia dalam tiga bagian berbeda – Peluang, Diagnostik, dan Audit yang Lulus.

Peluang – Ini adalah saran untuk meningkatkan kecepatan pemuatan halaman situs web Anda. Ini memberikan perkiraan seberapa cepat halaman akan dimuat jika Anda menerapkan saran peningkatan.

Saran ini akan membantu meningkatkan kecepatan pemuatan halaman.

Diagnostik – Ini adalah daftar wawasan tambahan yang menunjukkan seberapa banyak halaman web selaras dengan praktik terbaik pengembangan web.

Anda dapat memahami bagaimana halaman Anda mengikuti praktik terbaik pengembangan web.

Audit yang lulus – Bagian ini menampilkan semua audit berbeda yang dilewati halaman web.

Anda dapat melihat audit yang lulus.

Cara meningkatkan Skor Wawasan Google PageSpeed

Sekarang, kami akan membahas beberapa strategi yang dapat Anda terapkan untuk meningkatkan skor Google PageSpeed ​​Insights. Ini adalah:

Pengoptimalan gambar

Salah satu aspek penting yang berkontribusi pada skor yang lebih baik dengan Google PageSpeed ​​Insights adalah pengoptimalan gambar. Anda perlu memastikan bahwa gambar yang diunggah ke situs web Anda berukuran tepat. Menggunakan 'gambar responsif' yang dioptimalkan sesuai dengan perangkat. 'Lazy Loading', atau hanya memuat gambar yang saat ini terlihat di layar, berkontribusi banyak pada kinerja situs yang lebih baik.

Kompresi gambar adalah faktor penting lainnya yang akan membantu upaya Anda meningkatkan skor Google PageSpeed ​​Insights. Jika Anda mencari alat untuk mengompresi gambar, artikel kami tentang Plugin Kompresi Gambar WordPress Terbaik untuk Mempercepat Situs Anda dapat membantu. Selain itu, menggunakan format file seperti WebP untuk gambar dapat membantu meningkatkan kinerja situs.

Kurangi waktu respons server

Rekomendasi lain oleh para ahli untuk meningkatkan skor Google PageSpeed ​​Insights adalah mengurangi waktu respons server. Ada beberapa strategi yang dapat Anda terapkan untuk mengurangi waktu respons server. Ini termasuk:

  • Memanfaatkan jaringan pengiriman konten (lihat Cara mengonfigurasi CDN)
  • Menerapkan cache browser (lebih memahami tentang cache browser)
  • Investasikan layanan hosting yang andal (penyedia layanan hosting terbaik).
  • Menyimpan hanya plugin yang penting.
  • Menggunakan tema yang ringan.

Minifikasi

Anda dapat mengurangi ukuran file CSS, JavaScript, dan HTML dengan menghapus karakter yang tidak penting, duplikasi, dll. Juga, jika ada file CSS yang tidak digunakan di situs, Anda dapat menghapusnya sepenuhnya.

AMP

Untuk mengoptimalkan pengalaman seluler situs Anda, Anda dapat menggunakan AMP atau Accelerated Mobile Pages. Ini akan menghapus konten atau fitur apa pun yang tidak relevan dengan pengguna yang mengakses situs Anda melalui perangkat seluler.

Kurangi pengalihan

Pengalihan adalah aspek penting dari situs web karena mencegah pengalaman pengguna yang buruk karena tautan yang rusak. Namun, terlalu banyak pengalihan di halaman Anda dapat berdampak negatif pada skor PageSpeed ​​Insights Anda. Ini karena terlalu banyak pengalihan dapat mengakibatkan waktu pemuatan yang lebih lama di situs Anda.

Kami harap artikel ini memberi Anda ide bagus tentang cara menggunakan Google PageSpeed ​​Insights untuk mengidentifikasi dan memperbaiki masalah kinerja situs. Jangan ragu untuk meninggalkan kami komentar jika Anda memiliki pertanyaan atau masalah.

Bacaan lebih lanjut

  • Bagaimana cara menggunakan GTMetrix?
  • Alat terbaik untuk menjalankan tes kecepatan situs web