Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Audit Aplikasi Web Dengan Lighthouse

Lighthouse adalah alat (bantu) sumber terbuka otomatis untuk meningkatkan kualitas aplikasi web Anda. Anda bisa menjalankannya sebagai Ekstensi Chrome atau dari baris perintah. Anda beri Lighthouse sebuah URL yang ingin Anda audit, maka Lighthouse menjalankan serangkaian pengujian terhadap laman tersebut, kemudian menghasilkan sebuah laporan mengenai seberapa bagus laman itu menjalaninya. Dari sini Anda bisa menggunakan pengujian yang tidak lulus sebagai indikator atas apa yang bisa Anda lakukan untuk meningkatkan aplikasi.

Memulai

Ada dua cara untuk menjalankan Lighthouse, sebagai Ekstensi Chrome, atau sebagai alat (bantu) baris perintah. Ekstensi Chrome menyediakan antarmuka yang lebih ramah pengguna untuk membaca laporan. Alat (bantu) baris perintah memungkinkan Anda mengintegrasikan Lighthouse ke dalam sistem integrasi kontinu.

Ekstensi Chrome

Unduh Google Chrome 52 atau yang lebih baru.

Pasang Ekstensi Chrome untuk Lighthouse.

Masuklah ke laman yang ingin Anda audit.

Klik ikon Lighthouse (ikon 
Lighthouse) yang ada di bilah alat Chrome.

ikon Lighthouse di Bilah Alat Chrome

Jika Anda tidak melihat ikon di bilah alat, mungkin ikon itu disembunyikan di menu utama Chrome.

ikon Lighthouse di Menu Chrome

Setelah mengeklik ikon tersebut, Anda akan melihat sebuah menu.

menu Lighthouse

Jika Anda hanya ingin menjalankan subset audit, klik tombol Options dan nonaktifkan audit yang tidak Anda inginkan. Gulir ke bawah dan tekan OK untuk mengonfirmasi perubahan.

menu opsi Lighthouse

Klik tombol Generate report untuk menjalankan pengujian Lighthouse terhadap laman yang dibuka saat ini.

Bila audit selesai, Lighthouse akan membuka tab baru dan menampilkan laporan mengenai hasil laman tersebut.

laporan Lighthouse

Alat (bantu) baris perintah

Pasang Node, versi 5 atau lebih.

Pasang Lighthouse sebagai modul Node global.

npm install -g lighthouse

Jalankan audit Lighthouse terhadap suatu laman.

lighthouse https://airhorner.com/

Teruskan flag --help untuk melihat opsi masukan dan keluaran yang tersedia.

lighthouse --help

Kontribusi

Lighthouse bersifat sumber terbuka dan menerima kontribusi. Periksalah issues tracker repositori untuk menemukan bug yang bisa Anda perbaiki, atau audit yang bisa Anda buat atau tingkatkan. Issue tracker juga merupakan tempat yang bagus untuk mendiskusikan metrik audit, ide audit baru, atau apa saja yang berkaitan dengan Lighthouse.