Lighthouse trong Chrome DevTools dành cho các tác nhân cho phép tác nhân lập trình của bạn đánh giá chất lượng trang web bằng cách thực hiện các quy trình kiểm tra tình trạng hoạt động trực tiếp về 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 bằng tác nhân.
Trong quy trình làm việc dựa trên tác nhân, tác nhân lập trình của bạn sử dụng các 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 cơ sở mã để cải thiện hiệu suất chung.
Phương pháp nhắm mục tiêu này cung cấp lời khuyên hữu ích ngay trong ngữ cảnh của tác nhân, cho phép tác nhân lập trình tìm và sửa lỗi chính xác hơn so với các cụm từ tìm kiếm rộng, tĩnh trên cơ sở mã của bạn.
Các bài kiểm tra của Lighthouse tập trung vào những danh mục chính sau:
- 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 các quy trình kiểm tra kỹ thuật để đảm bảo các công cụ tìm kiếm có thể tìm thấy 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 bằng 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ợ cục bộ và hỗ trợ dàn dựng: Đặc vụ 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à các 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: Các hoạt động kiểm tra có thể làm gián đoạn chế độ xem của bạn trong thời gian ngắn. Bạn có thể thấy trang thay đổi kích thước hoặc tải lại khi công cụ mô phỏng các thiết bị khác nhau.
Kiểm tra chất lượng trang web
Hãy sử dụng các quy trình 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 giao cho tác nhân phần mềm của bạn nhiệm vụ xác minh rằng trang vẫn có khả năng tiếp cận được.
Câu lệnh mẫu:
How can I improve accessibility on this page as measured by Lighthouse?
Ví dụ về việc thực thi 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 cụ thể cho mã.
Kiểm tra SEO để tăng khả năng hiển thị trên công cụ 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 phần mềm tìm và khắc phục các vấn đề kỹ thuật trong khi bạn tạo.
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 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 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 dàn dựng của bạn tuân thủ các phương pháp hay nhất về bảo mật và kỹ thuật.
Câu lệnh mẫu:
Does my site follow best practices as measured by Lighthouse?
Ví dụ về việc thực thi 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 nói chung
Bạn có thể chạy các bài kiểm tra Lighthouse đầy đủ cho trang web của mình và giúp bạn xác định các điểm cần cải thiện trong 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 tác nhân phần mềm: Tác nhân phần mềm của bạn chạy một 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 những 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 có đầy đủ kiến thức theo ngữ cảnh về 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 ngữ cảnh, thì công cụ này 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.