Đánh giá hiệu suất website với Google Lighthouse

Đánh giá hiệu suất website một cách toàn diện với Lighthouse của Google.

danh-gia-hieu-suat-website-voi-chrome-lighthouse

Bạn đã bao giờ tự đặt câu hỏi rằng Google đánh giá thế nào về website của mình chưa? Nói đến đây chắc hẳn nhiều bạn sẽ nghĩ ngay đến Google PageSpeed Insights hay Google Search Console. Tuy nhiên, có thể bạn chưa biết, Lighthouse mới là công cụ toàn diện nhất mà Google từng 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. Lighthouse là gì? Làm thế nào để sử dụng Lighthouse? Hãy cùng dành ít phút để cùng WP Căn bản tìm hiểu ngay sau đây.

Tham khảo thêm:

  • Top 3 công cụ kiểm tra tốc độ và hiệu suất website
  • Kiểm tra tổng thể về SEO, tốc độ load và bảo mật cho WordPress

Lighthouse là gì?

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.

Ngoài ra, Lighthouse còn cung cấp rất nhiều lời khuyên hữu ích. Bạn có thể dựa vào những lời khuyên này để 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.

try-lighthouse

try-lighthouse

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ả.

open-report-lighthouse

open-report-lighthouse

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.

google-lighthouse-report

google-lighthouse-report

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…

perform-an-audit

perform-an-audit

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.

audits-to-perform

audits-to-perform

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ả trông giống như thế này:

chrome-lighthouse-report

chrome-lighthouse-report

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.

chrome-lighthouse-extension

chrome-lighthouse-extension

2. Đợi cho quá trình phân tích hoàn tất, bạn sẽ nhận được 1 bản báo cáo tương tự như 2 cách bên trên.

Thật đơn giản phải không nào? Bạn còn chần chừ gì nữa mà không sử dụng Lighthouse để đánh giá hiệu suất website của mình ngay bây giờ? Mọi thắc mắc xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. 🙂

Đánh giá hiệu suất website với Google Lighthouse

4.2 (18 votes)

Chia sẻ

  • Nhấn vào chia sẻ trên Facebook (Opens in new window)
  • Bấm để chia sẻ trên Google+ (Opens in new window)
  • Bấm để chia sẻ trên Twitter (Opens in new window)

Bài viết liên quan

Leave a Reply

Your email address will not be published. Required fields are marked *