Yang baru di Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse adalah alat audit situs yang membantu developer memberikan peluang dan diagnostik guna meningkatkan pengalaman pengguna di situs mereka.

Lighthouse 11 tersedia langsung di command line melalui npm, di Chrome Canary, dan di PageSpeed Insights. Versi ini akan tersedia di Chrome stabil pada Chrome 118.

Lihat daftar lengkap perubahan di log perubahan 11.0.

Pembaruan kategori aksesibilitas

Pembaruan kategori mencakup audit otomatis baru, pembobotan yang ditingkatkan, dan audit manual yang diprioritaskan untuk membantu pengembang membuat situs mereka lebih mudah diakses.

Audit dan pembobotan baru

Sejak Lighthouse 10.0, 13 audit aksesibilitas baru telah ditambahkan:

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

Selain audit baru, bobot dari semua audit telah diperbarui agar lebih cocok dengan tingkat dampak aturan aXe yang sesuai. Lihat dokumentasi skor aksesibilitas Lighthouse untuk detail yang tepat tentang audit dan bobot baru.

Visibilitas audit manual

Lighthouse selalu menyertakan beberapa audit manual yang tidak dapat diuji secara otomatis, tetapi masih disertakan sebagai checklist untuk memverifikasi fungsi yang penting. Bagian audit manual kini diperluas secara otomatis setelah semua audit otomatis lulus.

Laporan Lighthouse yang menunjukkan audit manual dalam kategori aksesibilitas yang diperluas

Hal ini menekankan bahwa lulus semua audit otomatis dan mendapat skor 100 dalam aksesibilitas tidak menjamin bahwa halaman yang diaudit dapat diakses; pengujian manual tetaplah penting. Audit manual juga telah disusun ulang untuk dimulai dengan pemeriksaan yang paling mudah dilakukan.

Perubahan pada audit yang ada

Interaksi dengan Next Paint (INP)

INP tidak lagi bersifat eksperimental, sehingga metrik telah dipindahkan dari experimental-interaction-to-next-paint ke interaction-to-next-paint.

Service worker

Pekerja layanan tidak lagi diperlukan agar halaman dapat diinstal sebagai PWA di Chrome, sehingga pemeriksaan service-worker telah dihapus dari kategori PWA Lighthouse.

Ringkasan resource

Audit resource-summary telah dihapus dari laporan Lighthouse. Statistik permintaan jaringan masih dapat dikompilasi menggunakan audit network-requests tersembunyi:

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

Navigasi lama

Flag --legacy-navigation untuk CLI, fungsi legacyNavigation() di Node API, dan "Navigasi lama" di panel DevTools semuanya telah dihapus. Hal ini menyelesaikan transisi selama bertahun-tahun di infrastruktur Lighthouse untuk mendukung alur penggunaan.

Mercusuar Berlari

Lighthouse tersedia di Chrome DevTools, npm (sebagai modul Node dan alat CLI), serta sebagai ekstensi browser (di Chrome dan Firefox). Platform ini juga mendukung beberapa layanan Google, termasuk PageSpeed Insights.

Untuk mencoba Lighthouse Node CLI, gunakan perintah berikut:

npm install -g lighthouse
lighthouse https://www.example.com --view

Menghubungi tim Lighthouse

Untuk membahas fitur baru, perubahan pada rilis Lighthouse 11, atau hal lain yang terkait dengan Lighthouse: