Google lighthouse adalah open source tools program yang diprakarsai oleh google, lighthouse sendiri memberi skor untuk performance, accessibility, Best Practice, dan SEO secara global untuk sebuah halaman web.
Google Lighthouse is an open-source, automated tool for measuring the quality of web pages. It can be run against any web page, public or requiring authentication. Google Lighthouse audits performance, accessibility and search engine optimization of web pages
~Wikipedia
Tools ini gratis tidak berbayar, tanpa sadar kita sebenarnya sudah dibekali google lighthouse oleh google chrome
Menggunakan Google Light House
Cara menggunakan google lighthouse sangat mudah, ikuti langkah berikut ini:
- Buka halaman web yang hendak diukur performanya
- Klik kanan kemudian inspect
- Dari tabs element kemudian pindah ke tabs lighthouse
- Klik generate repots
- Google Lighthouse akan memberikan laporan kualitas web
Mudah bukan?
Lebih jelasnya ikuti animasi gambar yang telah guru blogger sediakan berikut ini :
Bila dirasa masih kurang jelas, silahkan ikuti langkah gambar berikut ini :
Inspect Element
Pilih halaman web yang hendak diukur performanya kemudian klik kanan, selanjutnya pilih inspect
Tabs Lighthouse
Secara default kita akan berada di tab element, silahkan pindah ke tabs lighthouse di sebelah kanan
Lakukan sedikit setting bila diperlukan, pilih versi desktop atau mobile dan laporan yang dikehendaki (SEO / Performance, dll)
Setelah itu klik generate report dan google lighthouse akan mulai bekerja
Bagaimana, mudah bukan?
Catatan:
Selalu gunakan google lighthouse dalam mode incognito (baik web.dev maupun lighthouse sama)
Kenapa?
Karena plugin lain juga akan ikut running dalam mode normal sehingga terkadang lighthouse tidak bekerja secara maksimal
Closing statement :
Terkadang gajah di pelupuk mata tidak selalu tampak, kita justru sibuk mencari tools diluar untuk melihat performa blog
Selamat belajar…