Lighthouse là một công cụ nguồn mở, tự động, được thiết kế để giúp các nhà phát triển và quản trị web phát hiện và nâng cao chất lượng trang web. Công cụ này có thể được sử dụng để kiểm tra bất kỳ trang web nào, dù là trang công khai hay yêu cầu quyền truy cập.
Khi chạy Lighthouse, bạn sẽ nhận được đánh giá toàn diện về nhiều khía cạnh quan trọng, bao gồm hiệu suất tải trang, khả năng tiếp cận cho người dùng khuyết tật, các tính năng của ứng dụng web hiện đại (Progressive Web Apps), và đặc biệt là SEO.
Có nhiều cách để sử dụng Lighthouse:
Để bắt đầu, bạn chỉ cần cung cấp URL của trang web bạn muốn kiểm tra. Lighthouse sẽ thực hiện một loạt các kiểm tra và tạo ra một báo cáo chi tiết.
Báo cáo này không chỉ cung cấp điểm số cho từng hạng mục, mà còn giải thích rõ ràng lý do tại sao một yếu tố lại quan trọng và hướng dẫn cụ thể cách khắc phục các vấn đề được phát hiện.
Để đảm bảo chất lượng website luôn được duy trì, bạn có thể tích hợp Lighthouse CI vào quy trình kiểm thử liên tục (Continuous Integration) của mình. Điều này giúp bạn phát hiện và ngăn chặn các thay đổi có thể làm giảm hiệu suất hoặc chất lượng trang web.
Tóm lại, Lighthouse là một công cụ mạnh mẽ và linh hoạt, hỗ trợ cải thiện hiệu suất, chất lượng và tính chính xác của các trang web.
Lighthouse tích hợp công cụ kiểm tra (Audits) trực tiếp trên Chrome DevTools. Để tiến hành đánh giá hiệu suất trang web, bạn thực hiện theo các bước sau:
1. Tải và cài đặt Google Chrome phiên bản Desktop.
2. Truy cập URL cần kiểm tra trên trình duyệt Google Chrome. Bạn có thể đánh giá bất kỳ địa chỉ web nào.
3. Mở Chrome DevTools bằng cách nhấp chuột phải vào khu vực nội dung của trang và chọn Inspect.
4. Chuyển đến tab Audits.
5. Chọn Perform an audit. DevTools sẽ hiển thị danh sách các tiêu chí kiểm tra, đảm bảo tất cả đều được chọn.
6. Nhấn Run audit để bắt đầu quá trình kiểm tra. Sau khoảng 30 đến 60 giây, Lighthouse sẽ tạo ra báo cáo đánh giá trực tiếp trên trang.
Để bắt đầu, hãy mở trình duyệt Chrome và truy cập trang web bạn muốn đánh giá.
Tiếp theo, tìm và kích vào biểu tượng Lighthouse, thường nằm ngay cạnh thanh địa chỉ của trình duyệt. Trong trường hợp biểu tượng không hiển thị, bạn có thể mở menu chính của Chrome để tìm kiếm nó. Biểu tượng Lighthouse có hình dạng như sau: 
Khi kích vào biểu tượng Lighthouse, một menu tùy chọn sẽ được mở ra.
Chọn "Generate report" để Lighthouse bắt đầu quá trình kiểm tra trang web của bạn. Sau khi hoàn tất, kết quả báo cáo sẽ được hiển thị trong một tab mới.
Công cụ Lighthouse giúp bạn xác định những điểm yếu của trang web, cũng như đưa ra các gợi ý cụ thể để cải thiện hiệu suất và trải nghiệm người dùng.
2 nhận xét
Windows
Trình duyệt
Dữ liệu duyệt Web
