Tuy nhiên, cái tên mới toanh là Lighthouse chắc có thể các bạn mới biết đây có đúng không?.Đây là một công cụ cực mạnh và toàn diện nhất mà google tạo ra để phân tích, đánh giá và đưa ra các lời khuyên giúp tối ưu một website.
![]() |
| Google Lighthouse công cụ đánh giá hiệu suất website |
Lighthouse là gì? Làm thế nào để sử dụng Lighthouse? Hãy cùng dành ít phút để cho tôi có thể giới thiệu sơ qua về bộ công cụ tuyệt vời này nhé.
Đầu tiên chúng ta bắt đầu tìm hiểu Lighthouse là gì?
Nói về định nghĩa một thứ gì đó nghe có vẻ chán nhĩ nhưng đôi lúc các bạn tìm hiểu một cái gì đó thì cũng nên bõ ra chút thời gian cho nó thì sau nay kiến thức về nó cũng se giúp cho bạn rất nhiều đấy nhé.
Ở đây tôi xin được nói vắn tắt Lighthouse là một công cụ tự động, mã nguồn mở có chức năng hỗ trợ cải thiện chất lượng của các trang web. Bạn có thể sử dụng nó với bất kỳ trang web nào, công khai hoặc yêu cầu xác thực. Nó giúp bạn kiểm tra hiệu suất (performance), khả năng truy cập (accessibility), progressive web apps, SEO và nhiều hơn thế nữa. Thật không ngoa khi khẳng định Lighthouse là công cụ toàn diện nhất mà bạn có thể sử dụng để đánh giá hiệu suất website của mình.
Sau khi phân tích một trang web xong, Lighthouse còn đưa ra những lời khuyên hữu ích giúp bạn cải thiện các mục còn thiếu như: Cải thiện hiệu suất của website. Đáng tiếc là hiện tại Lighthouse chưa hỗ trợ tiếng Việt nên tính năng nào chưa hiểu thì các bạn chịu khó dùng Google Translate nhé (quá nhiều nên tôi không thể dịch sẵn được).
Đánh giá hiệu suất website với Lighthouse
Có 3 cách khác nhau để sử dụng Lighthouse: thông qua trang Try Lighthouse, Chrome Developer Tools và Chrome Extensions.Thông qua trang Try Lighthouse
1. Truy cập trang Try Lighthouse của Google Developers, nhập tên miền website của bạn vào khung rồi bấm phím Enter.2. Chờ giây lát cho quá trình phân tích kết thúc, click vào nút Open report để xem kết quả.
3. Một bản báo cáo chi tiết về các khía cạnh khác nhau của website sẽ được hiển thị. Bạn có thể dựa vào những lời ý của Google để tiến hành cải thiện cho website của mình.
![]() |
| Kết quả thu được Sau khi tiến hành kiểm tra website với Lighthouse |
Bạn có thể kéo thanh trượt xuống phía bên dưới để xem chi tiết hơn Report nó cũng giống như một số trang test khác về website tuy nhiên mình có cảm giác là Lighthouse khá là hoàn thiện
Thông qua Chrome Developer Tools
1. Trên trình duyệt Google Chrome, các bạn bấm tổ hợp phím CTRL + SHIFT + I để mở Developer Tools => chọn tab Audits => Click vào nút Perform an audit…![]() |
| Sử dụng Lighthouse thông qua trình duyệt Chorme |
2. Tick vào các mục bạn muốn tiến hành phân tích sau đó click vào nút Run audit.
![]() |
| Run audite nó cũng giống như bạn check online vậy thôi chờ giây lát và cho kết quả |
3. Chờ một lát cho quá trình phân tích hoàn tất, các bạn sẽ nhận được kết quả
Thông qua Chrome Extensions
1. Cài đặt tiện ích Lighthouse vào trình duyệt Google Chrome của bạn. Sau khi cài đặt, bạn sẽ thấy xuất hiện thêm biểu tượng của Lighthouse ở góc trên bên phải trình duyệt. Hãy click vào biểu tượng đó rồi click tiếp vào nút Generate report.![]() |
| Cài đặt Chrome Extensions vào trong trình duyệt Chorme |
Nguồn tổng hợp: Longanit.com






lk ko ông :p
Trả lờiXóaOk bạn nhé mình đã đặt link cho bạn
Xóasữa lại tên lk dùm mình đc không ông
Xóasữa thành Star Gấu IT dùm mình với nha lk : https://nguyentrongvyit.blogspot.com/
XóaOk bạn
Trả lờiXóaĐặt liên kết giúp mình với ạ site: https://www.ndat-it.tk/ title: Anh Tuấn Blogger name: Anh Tuấn Blogger
Trả lờiXóaOk đã xong bạn nhé
Trả lờiXóaCập nhật link chính thức cho anh em
Trả lờiXóahttps://web.dev/measure