Audit HTML Lighthouse

Prestasi mengukur Metrik Teras Web dan metrik kelajuan lain. Kebolehcapaian memeriksa peraturan yang selaras dengan WCAG. Amalan Terbaik merangkumi keselamatan dan piawaian web moden. SEO memeriksa penandaan yang boleh dirangkak. PWA mengesahkan kebolehan untuk dipasang dan sokongan luar talian.

Pengauditan Kebolehcapaian mengesan: teks alt yang tiada, label borang yang tiada, kontras warna rendah, atribut bahasa yang tiada, ID pendua, mercu tanda yang tiada dan elemen yang boleh difokuskan tanpa sokongan papan kekunci. Setiap isu dipautkan kepada panduan pemulihan terperinci.

Pengecatan Kandungan Terbesar (LCP), Anjakan Susun Atur Terkumpul (CLS), Jumlah Masa Menyekat (TBT) dan Indeks Kelajuan. Setiap metrik diberi skor dan pemberat untuk menghasilkan skor Prestasi keseluruhan. Lighthouse memaparkan elemen DOM yang paling banyak menyumbang kepada setiap metrik.

Memeriksa penggunaan HTTPS, ralat konsol, nisbah bidang imej, API yang tidak digunakan lagi dan kandungan bercampur. Pengauditan Amalan Terbaik mengesan pelbagai corak legasi atau tidak selamat yang patut dimodenkan.

Mengesan perihalan meta yang tiada, <title> yang tiada atau pendua, isu robots.txt, pautan tanpa teks deskriptif, tag meta viewport yang tiada dan isu hreflang. Gabungkan pengauditan SEO Lighthouse dengan alat pengauditan SEO sebenar seperti Ahrefs atau Screaming Frog untuk analisis pada tahap kandungan.

Memeriksa setiap keperluan untuk membolehkan pemasangan: HTTPS, manifes yang sah dengan medan minimum, pekerja perkhidmatan yang didaftarkan, tag viewport dan ikon. Baiki semua kegagalan pengauditan PWA sebelum melancarkan aplikasi yang boleh dipasang.

CLI Lighthouse dan alat Lighthouse CI menyepadukan pengauditan ke dalam CI/CD. Setiap PR menjalankan Lighthouse pada pratonton yang diterbitkan; tindakan gagal jika skor merosot di bawah ambang. Ini menghalang kemerosotan senyap dalam kebolehcapaian, prestasi atau SEO.

Laporan Lighthouse boleh disimpan sebagai JSON dan dibandingkan secara berprogram: jejaki skor LCP dari semasa ke semasa untuk mengesan kemerosotan, bandingkan dua PR untuk melihat perkara yang mengubah setiap metrik, dan berikan amaran apabila ambang dilintasi. Data itu berstruktur untuk digunakan oleh alat.

Lighthouse ialah ujian sintetik — ia dijalankan dalam persekitaran terkawal, bukan pada pengguna sebenar. Gabungkannya dengan alat Pemantauan Pengguna Sebenar (RUM) yang menjejaki pengalaman pengguna sebenar. Ujian sintetik mengesan kemerosotan lebih awal; RUM mengesahkan bahawa pengguna benar-benar merasai peningkatan tersebut.

Sesetengah pengauditan menandakan corak yang tidak dapat dielakkan dalam konteks tertentu. Dokumentasikan pengecualian yang disengajakan, tambahkannya pada senarai abaian Lighthouse CI dan nilai semula secara berkala apabila platform berkembang. Elakkan "abaikan semua" secara menyeluruh — tindakan itu menggagalkan tujuan pengauditan automatik.

Anggap skor Lighthouse sebagai sasaran penambahbaikan berterusan, bukan pembaikan sekali sahaja. Bina budaya menyemak skor pada setiap PR, menangani kemerosotan dengan segera dan meningkatkan garis dasar secara beransur-ansur. Kebanyakan pasukan melihat skor meningkat secara konsisten selama beberapa bulan dengan disiplin ini.

Lighthouse mengaudit halaman merentas Prestasi, Kebolehcapaian, Amalan Terbaik, SEO dan PWA. Jalankannya daripada Chrome DevTools untuk pemeriksaan sekali-sekala, atau gunakan Lighthouse CI untuk penyepaduan berterusan. Tangani kemerosotan pada setiap PR, bina budaya penambahbaikan berasaskan pengukuran dan gabungkan pengauditan sintetik dengan Pemantauan Pengguna Sebenar untuk mengesahkan bahawa peningkatan dalam makmal memberikan manfaat kepada pengguna sebenar.