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 untuk meningkatkan pengalaman pengguna di situs mereka.

Lighthouse 11 langsung tersedia di command line melalui npm, di Chrome Canary, dan di PageSpeed Insights. Aplikasi ini akan mendarat 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 developer 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 semua audit telah diperbarui agar lebih sesuai dengan tingkat dampak aturan AP yang sesuai. Lihat dokumentasi penskoran 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 penting. Bagian audit manual kini diperluas secara otomatis setelah semua audit otomatis telah lulus.

Laporan Lighthouse yang menampilkan audit manual dalam kategori aksesibilitas diperluas

Hal ini menekankan bahwa lulus semua audit otomatis dan mendapatkan skor 100 dalam aksesibilitas tidak menjamin bahwa halaman yang diaudit dapat diakses; pengujian manual tetap penting. Audit manual juga telah diurutkan ulang untuk memulai 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 kotak centang "Legacy navigation" di panel DevTools telah dihapus. Ini menyelesaikan transisi selama bertahun-tahun pada infrastruktur Lighthouse untuk mendukung alur penggunaan.

Mercusuar Berlari

Lighthouse tersedia di Chrome DevTools, npm (sebagai modul Node dan alat CLI), dan sebagai ekstensi browser (di Chrome dan Firefox). Teknologi 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

Hubungi tim Lighthouse

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