Lighthouse trong Chrome DevTools cho tác nhân cho phép tác nhân mã hoá đánh giá chất lượng trang web bằng cách thực hiện kiểm tra tình trạng hoạt động trực tiếp đối với khả năng hỗ trợ tiếp cận, SEO, các phương pháp hay nhất và hoạt động duyệt web theo tác nhân.
Trong quy trình làm việc theo tác nhân, tác nhân mã hoá của bạn sử dụng quy trình kiểm tra Lighthouse để xác định các vấn đề cụ thể, có thể đo lường trong thời gian chạy thay vì tìm kiếm ngẫu nhiên trong cơ sở mã của bạn để cải thiện chung.
Phương pháp có mục tiêu này cung cấp lời khuyên hữu ích ngay trong bối cảnh của tác nhân, cho phép tác nhân mã hoá tìm và sửa lỗi chính xác hơn so với các tìm kiếm rộng rãi, tĩnh trên cơ sở mã của bạn.
Quy trình kiểm tra Lighthouse tập trung vào các danh mục chính sau:
- Khả năng hỗ trợ tiếp cận (a11y): Đảm bảo mọi người đều có thể sử dụng trang web của bạn, kể cả những người dùng trình đọc màn hình.
- SEO: Chạy quy trình kiểm tra kỹ thuật để đảm bảo công cụ tìm kiếm có thể tìm và hiểu nội dung của bạn.
- Các phương pháp hay nhất: Xác nhận rằng trang web của bạn tuân thủ các tiêu chuẩn phát triển web hiện đại.
- Duyệt web theo tác nhân: Đo lường mức độ trợ lý AI có thể hiểu và tương tác với trang web của bạn.
Khi sử dụng Lighthouse, hãy lưu ý những điều sau:
- Hỗ trợ môi trường cục bộ và môi trường chạy thử: Tác nhân của bạn có thể kiểm tra mọi trang hiển thị trong
Chrome, bao gồm cả máy chủ phát triển cục bộ và tệp HTML cục bộ được truy cập
thông qua giao thức
file://. - Hành vi của trình duyệt: Quy trình kiểm tra có thể làm gián đoạn chế độ xem của bạn trong một thời gian ngắn. Bạn có thể thấy trang đổi kích thước hoặc tải lại khi công cụ này mô phỏng các thiết bị khác nhau.
Kiểm tra chất lượng web
Hãy sử dụng các quy trình làm việc và ví dụ sau để tích hợp Lighthouse vào quy trình phát triển của bạn.
Xác minh khả năng hỗ trợ tiếp cận
Khi bạn thay đổi giao diện người dùng, hãy yêu cầu tác nhân của bạn xác minh rằng trang đó vẫn có thể truy cập được.
Câu lệnh mẫu:
How can I improve accessibility on this page as measured by Lighthouse?
Ví dụ về quá trình thực thi của tác nhân: Tác nhân của bạn kích hoạt quy trình kiểm tra Lighthouse với formFactor được đặt thành mobile. Công cụ này phân tích kết quả, chẳng hạn như độ tương phản màu không đủ
hoặc thiếu nhãn ARIA,
đồng thời đề xuất các bản sửa lỗi mã cụ thể.
Kiểm tra SEO để tăng khả năng xuất hiện trong kết quả tìm kiếm
Các yêu cầu về SEO kỹ thuật thường được phát hiện quá muộn trong chu kỳ phát triển. Bạn có thể yêu cầu tác nhân tìm và khắc phục các yếu tố chặn kỹ thuật trong khi bạn xây dựng.
Câu lệnh mẫu:
According to Lighthouse audit, how can I improve this page for better discoverability in search?
Ví dụ về quá trình thực thi của tác nhân: Tác nhân của bạn chạy quy trình kiểm tra SEO và xác định các thẻ meta, đường liên kết chuẩn tắc hoặc văn bản mô tả bị thiếu. Sau đó, công cụ này có thể đề xuất cập nhật mã nguồn để giải quyết lỗi kiểm tra.
Xác thực các phương pháp hay nhất
Đảm bảo máy chủ cục bộ hoặc trang web chạy thử của bạn tuân thủ các phương pháp hay nhất về kỹ thuật và bảo mật.
Câu lệnh mẫu:
Does my site follow best practices as measured by Lighthouse?
Ví dụ về quá trình thực thi của tác nhân: Tác nhân của bạn xem xét các khía cạnh kỹ thuật như việc sử dụng HTTPS, lỗi bảng điều khiển và các lệnh gọi API không dùng nữa do Lighthouse báo cáo.
Cải thiện trang web chung
Bạn có thể chạy quy trình kiểm tra Lighthouse đầy đủ cho trang web của mình và giúp bạn xác định các lĩnh vực cần cải thiện ở giai đoạn đầu phát triển.
Câu lệnh mẫu:
Run a full Lighthouse audit of my site, in mobile and desktop, and suggest improvement areas and possible fixes for any problems you find.
Ví dụ về quá trình thực thi của tác nhân: Tác nhân của bạn chạy quy trình kiểm tra Lighthouse đầy đủ cho trang web của bạn trên cả thiết bị di động và máy tính, đồng thời đề xuất các thay đổi có thể cải thiện điểm số của các quy trình kiểm tra khác nhau. Nếu tác nhân của bạn có kiến thức đầy đủ về bối cảnh của mã nguồn, thì tác nhân đó có thể trực tiếp đề xuất các bản sửa lỗi. Nếu có quyền truy cập vào đúng bối cảnh, tác nhân đó cũng có thể đề xuất cách cải thiện cấu hình máy chủ hoặc cấu hình phụ trợ khác.