Google Lighthouse Là Gì? Cách Sử Dụng Google Lighthouse

I. Google Lighthouse là gì?

Google Lighthouse là một công cụ mã nguồn mở có thể được sử dụng để thực hiện kiểm tra website. Cho đến nay, công cụ này đã được Google phát triển trong một thời gian khá dài.

Trong phiên bản hiện tại là 3.0, nó sử dụng phân tích từng yếu tố của URL, bao gồm hiệu suất, ứng dụng web, khả năng truy cập, phương pháp và tối ưu hóa tìm kiếm.

Google Lighthouse là công cụ toàn diện nhất hiện nay của Google giúp người dùng đánh giá trang web một cách chính xác nhất. Ngoài khả năng phân tích toàn diện, công cụ này cũng cung cấp các lời khuyên hữu ích về cách cải thiện chất lượng trang web của bạn.

II. Các thông số đánh giá của Google Lighthouse

Tiếp theo là các thông số đánh giá của Google Lighthouse mà tôi muốn cung cấp đến cho bạn.

Performance
Accessibility
Best Practices
SEO

1. Performance

Performance của website, cần dựa trên nhiều yếu tố, chẳng hạn như front end và backend. Nếu bạn muốn đạt được kết quả tốt, bạn nên chú ý đến việc tối ưu hóa hình ảnh, giảm Css/Js và tăng tốc website. Nếu trang web của bạn đang chậm, bạn nên xem xét sử dụng các plugin để tăng tốc.

Ngoài việc đánh giá dựa trên một số tiêu chí cụ thể, nâng cao trải nghiệm người dùng vẫn là yếu tố được quan tâm hàng đầu.

Các danh mục của website sẽ được đánh giá theo những mục tiêu sau:

First Contentful Paint – Nội dung đầu tiên: Điều này thông báo thời gian trước khi người dùng xem hình ảnh hoặc văn bản đầu tiên.
Bức tranh có ý nghĩa đầu tiên: Điều này thể hiện thời gian mà người dùng có thể xem nội dung chính của trang.
Speed Index – Chỉ số tốc độ: Chỉ số tốc độ sử dụng liệu thống nhất để hiển thị tốc độ tải nội dung của trang.
Largest Contentful Paint – Hiển thị nội dung lớn nhất: Là chỉ số đo lường thời gian cần thiết để hoàn thành một phần quan trọng nhất của trang web, được hiển thị sau khi tải trang.
Time to interactive – Thời gian tương tác: Điều này chỉ ra thời gian cần thiết để người dùng tương tác hoàn toàn với trang web và nội dung của nó.
Total Blocking Time – Tổng thời gian chặn: Nó là một chỉ số quan trọng dựa trên người dùng và được sử dụng để đánh giá khả năng đáp ứng tải (response to load) vì nó giúp đánh giá mức độ nghiêm trọng của khoảng thời gian từ khi trang không có khả năng tương tác đến khi trang có khả năng tương tác ổn định (reliably interactive).
Cumulative Layout Shift – Thay đổi bố cục website: CLS là việc dịch chuyển các thành phần trên trang web mà người dùng không mong đợi xảy ra trong khi trang web đang tải xuống. Font chữ, hình ảnh, video, form liên lạc, các nút bấm và một số loại nội dung khác là những yếu tố thường xuyên gây ra sự thay đổi.

2. Accessibility

Tiêu chí Accessibility của Google Lighthouse sẽ cho bạn biết liệu web của mình đã được tối ưu hóa hay chưa, và các đánh giá cụ thể theo thang điểm sẽ cho bạn biết liệu các khía cạnh nào cần cải thiện.

Kiểm tra khả năng truy cập của Google Lighthouse để biết trang web được sử dụng như thế nào. Điều này bao gồm kiểm tra các thành phần quan trọng, chẳng hạn như nút và liên kết, để đảm bảo rằng chúng đã được mô tả đầy đủ hoặc liệu hình ảnh đã được gán thuộc tính alt text cho nội dung hình ảnh hay không.

3. Best Practices

Các kỹ thuật tốt nhất là yếu tố quan trọng đối với việc Google Lighthouse đánh giá trang web của bạn, như đã đề cập trước đó. Theo Best Practice, trang web của bạn phải đáp ứng một số tiêu chuẩn.

Thực tiễn tốt nhất được kiểm tra bởi Google Lighthouse chủ yếu tập trung vào bảo mật trang web và các tiêu chuẩn phát triển web hiện đại. Lighthouse kiểm tra xem HTTPS và HTTP/ 2 có được sử dụng hay không, kiểm tra xem tài nguyên có đến từ các nguồn an toàn hay không và đánh giá lỗ hổng của thư viện JavaScript.

Các phương pháp tốt nhất cũng kiểm tra các kết nối cơ sở dữ liệu an toàn và tránh sử dụng các lệnh không an toàn (ví dụ: document.write) hoặc kết hợp API cũ.

4. SEO

Một số thử nghiệm được thực hiện bởi Google Lighthouse để xác định mức độ tốt mà một trang web hoặc ứng dụng có thể thu thập và hiển thị thông tin cho các công cụ tìm kiếm và hiển thị trong kết quả tìm kiếm.

Các bài kiểm tra Lighthouse, được Google mô tả là “SEO“, rất hạn chế. Những người có trang web hoặc ứng dụng không đạt được điểm cao nhất nên thực hiện các sửa đổi cần thiết.

Khi những thay đổi này được thực hiện, việc tối ưu hóa công cụ tìm kiếm mang lại tiềm năng rất lớn để thực hiện những cải tiến bổ sung, tiềm năng này chắc chắn cần được nghiên cứu.

Trong danh mục tối ưu hóa công cụ tìm kiếm, Google Lighthouse hiện đang thực hiện mười ba cuộc kiểm tra. Chúng chủ yếu xem xét tính thân thiện với thiết bị di động, ứng dụng chính xác của dữ liệu có cấu trúc và các thẻ như canonical, hreflang, meta title và meta description. Họ cũng xem xét liệu bot của công cụ tìm kiếm có thể thu thập dữ liệu từ một trang hay không.

III. Cách sử dụng Google Lighthouse

Trong phần này, tôi sẽ cung cấp những thông tin về cách sử dụng Google Lighthouse.

Chạy Google Lighthouse trong DevTools
Chạy Lighthouse bằng Chrome Extension

1. Chạy Google Lighthouse trong DevTools

Đây là phương pháp đơn giản và phổ biến nhất để sử dụng công cụ Google Lighthouse.

Bước 1: Đăng nhập địa chỉ website bạn muốn kiểm tra tối ưu trong Google Chrome.
Bước 2: Để mở bảng công cụ, nhấn tổ hợp phím Ctrl + Shift + C hoặc phím F12 để chọn Lighthouse
Bước 3: Chọn thực hiện đánh giá DevTools để hiển thị danh sách các loại đánh giá.
Bước 4: Chọn các danh mục mà Google Lighthouse muốn phân tích.
Bước 5: Chọn tạo báo cáo để hiển thị kết quả phân tích.

2. Chạy Lighthouse bằng Chrome Extension

Để sử dụng cách này, bạn phải cài đặt Lighthouse Chrome Extension. Các bước cụ thể bao gồm:

Bước 1: Mở Google Chrome. Tìm kiếm bổ sung Chrome của Lighthouse. Chọn Lighthouse làm công cụ tiện ích trên Chrome.
Bước 2: Mở trang web mà bạn muốn xem xét. Để kích hoạt công cụ, hãy nhấp vào Lighthouse ở góc phải màn hình. Sau đó, chọn Tạo báo cáo (Generate Report) và đợi một phút để xem kết quả.

IV. Cách chia sẻ và xem báo cáo Google Lighthouse trực tuyến

Bạn có thể dùng Lighthouse Viewer để xem và chia sẻ báo cáo phân tích website trực tuyến. Cách chia sẻ cụ thể như sau:

Chia sẻ báo cáo bằng JSON

Lighthouse Viewer cần có JSON output để chia sẻ báo cáo phân tích website. Dưới đây là các hướng dẫn để lấy JSON output, tùy thuộc vào Lighthouse workflow mà bạn đang dùng:

Nếu dùng Lighthouse trong Chrome DevTools, bạn chỉ cần click vào nút Download Report để tải báo cáo về và chia sẻ.
Nếu dùng Lighthouse trong Command line, bạn cần chạy lệnh sau:

lighthouse --output json --output-path <path/for/output.json>

Nếu dùng Lighthouse Extension thì sau khi nhận được báo cáo, bạn cần click vào nút Export -> Save as JSON.

Khi muốn xem các dữ liệu phân tích, bạn chỉ việc mở Lighthouse Viewer trong Google Chrome, sau đó kéo file JSON vào trang Viewer để báo cáo được hiển thị. Hoặc bạn cũng có thể click chuột vào một vị trí bất kỳ trên trang, lúc này một cửa sổ mới sẽ xuất hiện và việc của bạn là chọn file JSON mà mình muốn xem.

Chia sẻ báo cáo dưới dạng GitHub Gists

Nếu không muốn xem báo cáo bằng file JSON, bạn có thể chia sẻ kết quả phân tích website của mình dưới dạng GitHub Gists bí mật.

Để xuất báo cáo dưới dạng Gist từ Chrome Extension bạn cần thực hiện các bước sau:
Bước 1: Sau khi nhận được báo cáo, click vào Export -> Open In Viewer. Khi đó, báo cáo sẽ được mở ra trong Viewer tại vị trí đường link: https://googlechrome.github.io/lighthouse/viewer/.
Bước 2: Trong Viewer, click vào nút Share. Lúc đó, màn hình sẽ xuất hiện một cửa sổ yêu cầu quyền truy cập dữ liệu GitHub để xem và lưu vào Gist của bạn.
Để xuất file báo cáo phân tích Gist từ phiên bản CLI của Lighthouse, bạn cần tạo file Gist thủ công bằng cách copy-paste dữ liệu từ file JSON output vào Gist. Lưu ý, tên file báo cáo Gist phải có dạng .lighthouse.report.json.
Để xem báo cáo phân tích website lưu dưới dạng Gist, cần thêm ?gist=<ID> vào URL của Viewer. Trong đó, <ID> chính là ID của Gist. Như vậy, URL lúc này sẽ có dạng: https://googlechrome.github.io/lighthouse/viewer/?gist=<ID>

V. Các tính năng mới nhất của Google Lighthouse 3.0 là gì?

Lighthouse 3.0 là phiên bản mới nhất của Google hiện nay. Nó mang đến khả năng kiểm tra, phân tích nhanh hơn, cho sai số ít hơn và nhiều tính năng kiểm tra mới. Dưới đây là một số tính năng mới đáng chú ý của Google Lighthouse 3.0:

Audit mới: First Contentful Paint (báo cáo thời gian người dùng nhìn thấy phản hồi đầu tiên từ trang web), robots.txt is not valid, thay thế file GIF bằng video cho animated content,…

Kiểm tra nhanh hơn, cho kết quả chính xác hơn với sai số/biến đổi nhỏ hơn.
Giao diện người dùng mới, đơn giản và thuận tiện hơn.
Phiên bản Node của Lighthouse 3.0 có thể tương thích với các tùy chọn cấu hình giống như phiên bản CLI.
Kết quả báo cáo có thể được xuất ra file CSV.

Việc tối ưu điểm số cho Google Lighthouse là công việc vô cùng cần thiết cho những doanh nghiệp đang thực hiện SEO cho website của mình. Nếu bạn không thể tối ưu điểm số này có thể liên hệ để sử dụng dịch vụ thiết kế website tại Terus, chúng tôi đảm bảo có thể giúp được cho bạn.

Phía trên là những gì Terus muốn gửi đến bạn về Google Lighthouse. Cảm ơn bạn đã đọc hết bài viết. Nếu bạn có bất cứ yêu cầu gì về Terus có thể liên hệ Terus tại đây nhé!

Theo dõi Terus tại:

FAQ – Giải đáp các thắc mắc liên quan đến Google Lighthouse

1. Google Lighthouse là gì?

Google Lighthouse là một công cụ nguồn mở do Google phát triển nhằm giúp chủ sở hữu trang web đo lường và cải thiện chất lượng cũng như hiệu suất trang web của họ.

Nó cung cấp kiểm tra và đề xuất trong các lĩnh vực như hiệu suất, khả năng truy cập, ứng dụng web tiến bộ, SEO và các phương pháp hay nhất. Lighthouse tạo báo cáo toàn diện với thông tin chuyên sâu hữu ích để tối ưu hóa trang web nhằm mang lại trải nghiệm người dùng và khả năng hiển thị tốt hơn trên công cụ tìm kiếm.

2. Lighthouse hoạt động như thế nào?

Lighthouse hoạt động bằng cách chạy một loạt hoạt động kiểm tra tự động trên một trang web. Nó tải trang web trong trình duyệt không có giao diện người dùng, mô phỏng tương tác của người dùng và thu thập các số liệu về hiệu suất và khả năng truy cập.

Sau đó, các số liệu này được sử dụng để tạo báo cáo nêu bật các lĩnh vực mà trang web có thể được tối ưu hóa. Lighthouse đánh giá nhiều yếu tố khác nhau như thời gian tải trang, tính thân thiện với thiết bị di động, tuân thủ khả năng truy cập, các phương pháp hay nhất về SEO,... để đưa ra đánh giá toàn diện về hiệu suất của trang web.

Đọc thêm ngay các bộ công cụ đến từ Google:

bởiTerus Digital Marketing

Cập nhật lúc 3 Tháng 3, 2025

Terus Digital Marketing là một nhóm chuyên gia đáng tin cậy chuyên về SEO, Facebook Ads, Google Ads, TikTok Ads, v.v. Các bài viết của chúng tôi đề cập đến nhiều chủ đề tiếp thị kỹ thuật số khác nhau.