Memahami Metrik Kinerja Lighthouse - Tips SEO Dari Semalt



Metrik kinerja Lighthouse adalah sesuatu yang mungkin Anda temui saat membahas aspek teknis SEO. Anda mungkin bertanya-tanya terdiri dari apa tes ini atau bagaimana menjalankan tes pada kinerja situs web Anda. Anda mungkin juga berada di sini karena ingin mencari tahu tentang Lighthouse.

Kami menggunakan uji metrik kinerja ini dalam upaya kami untuk membuat semua angka yang terkait dengan situs Anda menjadi hijau. Ini semua yang perlu Anda ketahui tentang Lighthouse.

Apa itu Lighthouse

Lightroom adalah alat audit sumber terbuka yang digunakan untuk menghasilkan skor standar di lima bidang utama, yaitu:
  • Performa
  • Aplikasi web progresif
  • SEO
  • Praktik terbaik
  • Aksesibilitas
Untuk artikel ini, nama "Lighthouse" akan digunakan untuk merujuk pada serangkaian tes, jadi jangan bingung saat membaca.

Lighthouse menjalankan pengujian performa menggunakan data lab, yang juga disebut data emulasi. Ini adalah data kinerja situs yang dikumpulkan di lingkungan buatan manusia dengan perangkat dan pengaturan jaringan yang telah ditentukan sebelumnya. Data kinerja penting karena membantu informasi yang diperlukan untuk men-debug masalah kinerja. Pengalaman di mesin lokal dalam lingkungan yang terkontrol dirancang untuk meniru pengalaman pengguna di kehidupan nyata.

Memperbarui ke Lighthouse

Pada 5 Mei 2020, proyek Chromium mengumumkan rangkaian tiga metriknya yang dapat digunakan oleh sumber terbuka yang didukung Google dalam mengukur kinerja. Metrik tersebut disebut Web Vitals. Mereka adalah bagian dari inisiatif Google, yang dirancang untuk memberikan panduan kolektif bagi para ahli SEO saat mencari sinyal berkualitas.

Metrik ini dirancang untuk mengukur kinerja web dengan cara yang berpusat pada pengguna. Hanya dalam dua minggu sejak peluncuran awal, Lighthouse V6 meluncurkan versi modifikasi dengan Web Core Vitals sebagai fokus utama pembaruan ini.

Pada Juli 2020, kami melihat metrik Lighthouse v6 diadopsi ke banyak produk Google dengan dirilisnya Chrome 84. Panel Audit Chrome DevTools juga diubah namanya menjadi Lighthouse. Metrik Lighthouse juga direferensikan oleh PageSpeed ​​Insights dan Google Search Console.

Saat ini, Web Core Vitals mencapai lebih dari setengah dari total skor performa tertimbang Lighthouse. Secara umum, halaman mulai mengalami dampak minimal, dengan perkiraan 83,32% dari tes yang dilakukan menunjukkan pergeseran sepuluh poin atau kurang ke V6.

Yang harus Anda ketahui sebelum menjalankan uji Performa menggunakan Lighthouse

Memilih Metodologi yang Tepat

Metodologi yang Anda pilih sesuai dengan masalah. Audit Lighthouse diatur untuk menganalisis halaman dalam satu waktu. Tetapi faktanya adalah bahwa skor satu halaman bukanlah representasi dari kinerja seluruh situs Anda, dan hanya karena halaman beranda Anda dimuat dengan cepat, bukan berarti seluruh situs Anda dimuat dengan cepat.

Cara terbaik untuk mendapatkan taksiran keseluruhan tentang seberapa baik kinerja situs adalah dengan menguji beberapa jenis laman dalam situs Anda. Di sini, pertama-tama kami mengidentifikasi jenis situs utama, templat, dan poin konversi pengunjung (mengacu pada halaman pendaftaran, berlangganan, dan checkout).

Sebelum kami melanjutkan ke tahap pengoptimalan analisis kami, kami menjalankan Lighthouse di setiap halaman sampel yang dipilih secara acak dan mencatat data yang dikumpulkan. Dari data ini, kami sekarang dapat membuat daftar tugas berdasarkan perbaikan yang paling mendesak hingga paling tidak mendesak. Untuk mencegah hilangnya data apa pun, kami menyimpan hasil JSON dan mengandalkan penampil Lighthouse setiap kali kami memerlukan informasi hasil mendetail.

Mendapatkan Backlog untuk Digigit Kembali Menggunakan ROI yang bagus

Selama bertahun-tahun, satu hal yang telah kami pelajari dengan pasti adalah bahwa mendapatkan sumber daya yang dibutuhkan untuk tindakan SEO tidaklah mudah. Memiliki SEO internal tidak terlalu membantu karena sering kali dihancurkan oleh betapa sulitnya mendapatkan tiket yang macet. Dari pengalaman kami, kami tahu bahwa cara terbaik untuk memoles roda gigi adalah dengan memprioritaskan inisiatif kinerja, yang menghasilkan angka luar biasa yang mendukung investasi yang dilakukan ke departemen SEO.

Data yang sampai pada akhir bulan lembar rekening akan menjadi tanda dolar yang membenarkan dan menghargai upaya pembangunan kita. Melakukan pengujian ini penting karena saat melakukannya, Anda mungkin memiliki lebih dari satu area yang ditandai, terutama saat ini adalah pertama kalinya. Tidak apa-apa. Anda dapat memeriksa Kalkulator Penilaian Lighthouse untuk melihat perubahan mana yang memiliki poni terbesar.

Cara Menjalankan Tes Lighthouse

Ini adalah kasus banyak jalan menuju ke satu sungai. Namun, ada jalur tertentu yang menonjol agar lebih mudah atau lebih menonjol digunakan. Nah, jika Anda berharap untuk mengintegrasikan tes SEO ke dalam proses realisasi, Anda mungkin harus dibawa ke kecepatan NPM.

Apakah Anda memiliki waktu kurang dari 5 menit sebelum diminta untuk menghadapi papan? Laporan satu-satu ini akan memberi Anda amunisi yang Anda butuhkan untuk meyakinkan mereka bahwa Anda SEO baik-baik saja. Metode eksekusi mana pun yang Anda pilih, seluler sangat baik kecuali Anda memiliki kasus penggunaan khusus untuk desktop.

1. Alat Pengembang Chrome

Kami menguji setiap halaman satu per satu menggunakan panel Chrome DevTools Lighthouse. Laporan ini penting karena mengemulasi pengalaman pengguna menggunakan browser bahkan saat dalam mode penyamaran atau dengan cache browser dinonaktifkan.

Cara khusus kami untuk melakukan ini adalah dengan membuat profil Chrome untuk pengujian, tetapi tetap lokal. Itu berarti tidak ada Sinkronisasi yang diaktifkan, tidak ada penyimpanan kata sandi, atau asosiasi ke akun Google yang ada. Kami juga tidak memasang ekstensi untuk pengguna.

Setelah Anda siap, berikut adalah cara Anda menguji Lighthouse menggunakan DevTools
  1. Jalankan instance penyamaran di Chrome.
  2. Buka panel Jaringan di DevTools dan centang kotak untuk menonaktifkan cache. Anda dapat melakukan ini dengan Ctrl + Shift + I di Windows dan Linux atau Command + Option + I di Mac.
  3. Buka panel Lighthouse dan klik buat laporan.
  4. Simpan file setelah dibuat.
Apa manfaat menjalankan Lighthouse dari Devtools?

Seperti yang kami sebutkan sebelumnya, ada banyak cara untuk menjalankan analisis mercusuar. Ini juga berarti bahwa setiap metode memiliki pro dan kontra.

Manfaat dari metode ini adalah itu
  • Anda dapat menguji build lokal dan mencari tahu halaman mana yang asli.
  • Laporan yang disimpan dapat dibandingkan dengan alat Lighthouse CI Diff.
Kontra menjalankan Lighthouse dari DevTools
  • Anda hanya dapat melakukan satu laporan dalam satu waktu.
  • Anda harus menyimpan setiap laporan secara manual.

2. Saat menguji halaman yang sama secara terus menerus

Misalkan Anda suka menguji halaman yang sama berulang kali, web. dev adalah pilihan yang ideal. Ini mirip dengan menggunakan DevTools hanya saja Anda tidak perlu menonaktifkan semua ekstensi yang memuncak itu. Metode ini pada dasarnya lurus ke depan. Yang perlu Anda lakukan hanyalah:
  1. Kunjungi web.dev/measure/
  2. Masuk dengan akun Google Anda.
  3. Masukkan URL halaman yang ingin Anda audit.
  4. Klik jalankan audit.
Kelebihan menjalankan Lighthouse dari web. dev
  • Ini menangkap garis waktu yang bagus dari hasil halaman.
  • Pengguna memiliki tautan cepat pada panduan untuk memperbaiki masalah.
  • Laporan dapat dibandingkan menggunakan Alat Diff CI Lighthouse.
Kontra menjalankan Lighthouse dari web. dev
  • Anda hanya dapat melakukan satu analisis dan memiliki satu laporan dalam satu waktu.
  • Anda harus memiliki catatan URL yang telah Anda lacak dari waktu ke waktu untuk menghindari pengulangan URL yang sama secara tidak sengaja.

Baris Perintah Node untuk Lighthouse

Saat Anda ingin menguji dalam skala besar, Node Command-Line adalah pendekatan yang lebih disukai. Berikut panduan tentang apa yang harus dilakukan:
  • Instal npm: untuk pengguna mc, sebaiknya gunakan homebrew sehingga Anda dapat menghindari masalah ketergantungan yang konyol.
  • Instal Modul mercusuar cukup dengan memasukkan kode ini: "npm install -g lighthouse."
  • Anda kemudian menjalankan satu teks menggunakan "mercusuar <url>."
  • Jalankan pengujian pada daftar penggunaan dengan menjalankan pengujian secara terprogram.
Kelebihan menjalankan Lighthouse dari Node
  • Anda dapat menjalankan beberapa laporan sekaligus.
  • Anda dapat memprogramnya untuk melacak perubahan dari waktu ke waktu secara otomatis.
Kontra menjalankan Lighthouse dari Node
  • Anda harus tahu cara membuat kode.
  • Penyiapannya membutuhkan waktu.

Kesimpulan

Kompleksitas metrik Kinerja adalah indikator tantangan yang dihadapi setiap situs. Kami mengandalkan metrik kinerja sebagai proxy untuk pengalaman pengguna. Ini memungkinkan kami untuk mengikuti jejak pengguna dan melihat apa yang mereka lihat, mengalami apa yang mereka alami pada orang lain untuk membangun situs yang lebih responsif.

Beberapa alat lain seperti tes Alat Situs Saya dan Berapa Biaya Situs Saya oleh Google juga dapat berguna. Kami menggunakan alat ini untuk membuat konversi dan argumen yang berfokus pada pelanggan tentang pentingnya kinerja di situs.

Mudah-mudahan, setelah proyek Anda mendapatkan daya tarik, kami dapat menjelaskan apa arti kinerja metrik tunggal Lighthouse Anda bagi tim teknik terampil dan kolaboratif Anda.

Tertarik dengan SEO? Lihat artikel kami yang lain di Blog Semalt.