Google PageSpeed ​​Insights vs. Lighthouse: Manakah yang Mengukur Kinerja Situs Terbaik?

Diterbitkan: 2022-09-16

Kecepatan halaman adalah faktor peringkat Google yang penting — tetapi juga salah satu yang paling kurang dipahami oleh pemasar digital. Dalam artikel ini, saya akan membantu Anda lebih memahami kecepatan halaman dan membandingkan alat pelacak resmi Google: PageSpeed ​​Insights dan Lighthouse.

Apa itu Kecepatan Halaman?

Kecepatan halaman adalah jumlah waktu antara saat browser mengirim permintaan untuk mengakses halaman dan saat halaman merender konten. Halaman terdiri dari banyak komponen yang terlihat dan tidak terlihat (gambar, teks, pelacak, plugin, dll.) dengan waktu muat dan tujuan pengguna yang bervariasi. Google memecah kecepatan halaman menjadi metrik khusus yang mengukur tonggak pemuatan, seperti cat konten pertama dan waktu untuk interaktif.

Kecepatan halaman berfluktuasi seiring pertumbuhan situs Anda, perubahan teknologi, dan standar web berkembang. Ini dapat memengaruhi cara pengunjung menggunakan situs Anda dan bahkan apakah mereka berkonversi. Dengan demikian, kecepatan halaman pelacakan harus menjadi bagian mendasar dari proses pemantauan kesehatan situs reguler Anda.

Tapi apa alat pelacak kecepatan halaman terbaik?

Google menawarkan dua opsi resmi: Google PageSpeed ​​Insights dan Lighthouse. Keduanya gratis, alat canggih yang dirancang untuk membantu pemasar digital dan pengembang mengoptimalkan kecepatan halaman situs web mereka — dengan beberapa perbedaan utama di antara keduanya. Mari bandingkan PageSpeed ​​Insights vs. Lighthouse dan diskusikan apa yang perlu Anda ketahui tentang melacak dan meningkatkan kecepatan halaman.

Apa Itu Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights (PSI) adalah alat gratis yang mengukur metrik kecepatan halaman di desktop dan perangkat seluler menggunakan data dunia nyata dan lab. Data dunia nyata (juga disebut "data lapangan") adalah agregat 28 hari yang diambil dari Laporan Pengalaman Pengguna Chrome, sedangkan data lab dihitung menggunakan Lighthouse API.

PSI mudah digunakan siapa saja: cukup buka https://pagespeed.web.dev/, masukkan URL, dan tunggu beberapa saat hingga API membuat laporan. Anda akan dapat melihat bagaimana tumpukan URL terhadap Data Web Inti Google, menilai metrik kecepatan terperinci, dan menerima Peringkat Kinerja situs web secara keseluruhan.

Peringkat Kinerja adalah rata-rata tertimbang dari setiap skor metrik kecepatan. Ini seperti nilai keseluruhan tetapi bukan pengukuran akhir-semua-jadi-semua. Persentase dalam tanda kurung di bawah menunjukkan bobot yang diberikan setiap metrik saat menghitung Peringkat Kinerja.

  • First Contentful Paint: (10%) Berapa lama waktu yang dibutuhkan untuk memuat gambar atau blok teks pertama sepenuhnya.
  • Indeks Kecepatan: (10%) Waktu rata-rata yang diperlukan untuk memuat konten yang terlihat hingga layar selesai.
  • Cat Contentful Terbesar: (25%) Berapa lama waktu yang dibutuhkan untuk memuat gambar atau blok teks terbesar hingga penuh.
  • Waktu untuk Interaktif: (10%) Berapa lama waktu yang dibutuhkan halaman untuk menjadi sepenuhnya interaktif.
  • Total Waktu Pemblokiran: (30%) Perbedaan waktu antara First Contentful Paint dan Waktu Interaktif selama halaman diblokir dari input pengguna. (Dengan kata lain, perbedaan waktu antara saat sesuatu pertama kali muncul di layar vs. saat pengguna benar-benar dapat mengkliknya.)
  • Pergeseran Tata Letak Kumulatif: (15%) Ukuran pergeseran tata letak yang tidak terduga, yaitu, pemuatan konten tidak teratur yang mengatur ulang atau menggeser konten lain ke atas atau ke bawah halaman.

Jangan terlalu khawatir jika Peringkat Kinerja situs web Anda tidak sempurna atau jika beberapa metrik Anda tampak rendah. Metrik kecepatan dapat berfluktuasi tergantung pada beberapa faktor di luar kendali Anda. Ingat bahwa metrik ini adalah kumpulan data dan pengalaman aktual akan bervariasi dari pengguna ke pengguna.

Karena itu, Anda dapat memaksimalkan Peringkat Kinerja dan meningkatkan kecepatan halaman dengan berfokus pada bagian 'Peluang dan Diagnostik' di dekat bagian bawah laporan. Bagian ini berisi rekomendasi untuk tindakan spesifik yang dapat meningkatkan metrik kecepatan, meskipun mungkin memerlukan bantuan dari pengembang web SEO untuk menerapkannya.

Apa itu Mercusuar Google?

Google Lighthouse adalah alat sumber terbuka gratis yang dapat melakukan audit situs untuk mengukur banyak metrik berbeda. Selain menilai kecepatan halaman, Lighthouse dapat mengevaluasi seberapa baik situs sesuai dengan standar pengembangan web modern, tingkat aksesibilitas situs, kemampuan perayapan, dan banyak lagi.

Lighthouse secara eksklusif menggunakan data lab, yang berarti audit dijalankan dalam lingkungan yang terkendali dan telah ditentukan sebelumnya — tidak dikumpulkan dari data pengguna yang sebenarnya.

Ada beberapa cara berbeda untuk mengakses tes kecepatan Google Lighthouse. Cara termudah bagi non-pengembang untuk menggunakan Lighthouse adalah melalui ekstensi browser Chrome, meskipun ekstensi tersebut tidak dapat mengaudit halaman dengan autentikasi cookie sendiri. Pengembang dapat menggunakan Chrome DevTools untuk akses lengkap.

Laporan Lighthouse Anda akan mencakup informasi tentang:

  • Kinerja: Audit kinerja mengukur semua metrik kecepatan yang sama dengan PSI, plus memberikan data pengembangan yang lebih detail.
  • Praktik Terbaik: Audit Praktik Terbaik melihat keseluruhan "kesehatan kode" situs dibandingkan dengan standar pengembangan modern, termasuk standar keamanan.
  • Aksesibilitas: Tidak mungkin menyaring aksesibilitas web menjadi satu skor, jadi audit Aksesibilitas mencari berbagai peluang untuk peningkatan dalam desain, antarmuka pengguna, bahasa, pengembangan, dan area lainnya.
  • SEO: Audit optimasi mesin pencari (SEO) memberikan tes dasar untuk memeriksa apakah mesin pencari dapat dengan mudah merayapi halaman Anda.
  • Aplikasi Web Progresif: Jika situs Anda adalah Aplikasi Web Progresif, audit ini mengukur kecepatan, keandalan, dan kemampuan pemasangannya secara umum.

Apa itu Paket Lighthouse Stack?

Stack Packs adalah salah satu fitur terbaru Lighthouse. Dengan Paket Stack, pengembang dapat melihat rekomendasi berbasis tumpukan bergantung pada tumpukan mana yang digunakan halaman. Rekomendasi ini lebih relevan daripada rekomendasi umum standar yang ditawarkan oleh Lighthouse, yang tidak kompatibel dengan setiap alat dan platform. Paket Stack baru sering dirilis, jadi kunjungi repositori resmi Github untuk mempelajari lebih lanjut.

Wawasan Google PageSpeed ​​vs. Mercusuar

Google PageSpeed ​​Insights menggabungkan data pengguna dan lab di dunia nyata untuk memberikan ikhtisar kecepatan halaman yang menyeluruh dan mudah dipahami. Lighthouse berfokus pada pengembang dan mengumpulkan data lab dari audit yang mencakup semuanya, mulai dari kecepatan memuat halaman hingga keamanan web. Keduanya menawarkan rekomendasi perbaikan.

Google PageSpeed ​​Insights vs. Lighthouse: Ikhtisar

Fitur Wawasan Google PageSpeed Mercusuar Google
Cara Mengakses https://pagespeed.web.dev/ (akses browser; tidak perlu login) Ekstensi browser Google Chrome (disarankan untuk non-pengembang)
Alat Pengembang Chrome
Alat CLI simpul
Mercusuar CI (tautan Github)
Sumber Data Laporan Pengalaman Pengguna Chrome (data dunia nyata)
Lighthouse API (data lab simulasi)
API Mercusuar
penilaian Satu halaman pada satu waktu Satu halaman pada satu waktu atau beberapa halaman sekaligus
Metrik Data Web Inti, metrik kinerja kecepatan halaman (Cat Contentful Pertama, Indeks Kecepatan, Cat Contentful Terbesar, Waktu untuk Interaktif, Waktu Pemblokiran Total, Pergeseran Tata Letak Kumulatif) Performa (termasuk metrik kecepatan halaman), Aksesibilitas, Praktik Terbaik, SEO, Aplikasi Web Progresif (jika berlaku)
Rekomendasi Bagian berlabel 'Peluang dan Diagnostik' yang memberikan rekomendasi khusus untuk meningkatkan kecepatan halaman. Bagian berlabel 'Peluang dan Diagnostik' memberikan rekomendasi khusus untuk meningkatkan kecepatan halaman. Paket Stack dapat digunakan untuk menyesuaikan rekomendasi peningkatan.
Terbaik untuk Setiap orang Pengembang

Kapan Menggunakan Google PageSpeed ​​Insights

Gunakan PSI jika Anda ingin pemahaman yang jelas tentang kecepatan URL dan rekomendasi peningkatan khusus untuk diterapkan sendiri atau diteruskan ke pengembang.

Kapan Menggunakan Google Mercusuar

Gunakan Lighthouse jika Anda seorang pengembang (atau non-pengembang dengan beberapa pengetahuan pengembang) dan ingin menyelami banyak metrik situs yang berbeda di luar kecepatan halaman. Paket Stack dapat membantu memberikan rekomendasi yang lebih disesuaikan daripada rekomendasi standar yang ditawarkan oleh Lighthouse.

Ingin Data Terbaik? Gunakan Kedua Wawasan & Mercusuar PageSpeed

PSI dan Lighthouse masing-masing memiliki kekuatan dan keterbatasan — tetapi keduanya paling efektif bila digunakan bersama untuk membangun gambaran lengkap situs Anda.

Sementara Lighthouse memberikan tampilan data yang lebih luas, PageSpeed ​​Insights memberi Anda gambaran sekilas yang lebih realistis tentang bagaimana kinerja halaman web untuk pengguna sebenarnya. Gunakan keduanya untuk mendapatkan rekomendasi untuk meningkatkan front-end dan back-end situs Anda. Semakin banyak data yang Anda miliki, semakin efektif penyesuaian situs Anda.

Maksimalkan Alat Google dengan Ebook Gratis Kami

Jika Anda mengambil satu hal dari artikel ini, seharusnya kecepatan halaman itu penting — dan jauh lebih kompleks daripada yang terlihat di permukaan. Sama seperti tidak hanya ada satu cara untuk meningkatkan kecepatan situs, tidak hanya ada satu cara untuk meningkatkan kinerja mesin pencari situs Anda — atau bahkan satu alat Google terbaik untuk melacak data.

Mengoptimalkan situs Anda melibatkan banyak data dan menavigasi alat yang rumit. Untuk mempermudah, unduh ebook gratis kami, Alat Google untuk SEO .

Unduh panduan alat google untuk SEO

Panduan Alat Google untuk SEO

Unduh panduan ini untuk mempelajari cara memanfaatkan alat gratis dan canggih yang disediakan Google untuk meningkatkan proses dan kinerja SEO Anda.