Lighthouse là gì? Hiểu 5 hạng mục chấm điểm và cách đọc kết quả đúng

Tuần trước có chủ một shop thời trang nhờ kiểm tra web hộ. Mở Chrome DevTools lên, bấm Lighthouse, chờ khoảng 30 giây, màn hình hiện điểm Performance = 34. Câu hỏi đầu tiên: “34 nghĩa là sao? Có tệ không?”

Câu trả lời không đơn giản như điểm thi: không phải cứ dưới 50 là phải lo ngay, cũng không phải cứ 90 trở lên là xong việc. Bài này giải thích Lighthouse là gì, 5 hạng mục nó chấm, và quan trọng hơn: cách đọc kết quả để biết việc gì cần làm tiếp.

Lighthouse là gì?

Lighthouse là công cụ kiểm tra chất lượng trang web do Google phát triển, chạy được ngay trong trình duyệt Chrome (qua DevTools) hoặc qua trang PageSpeed Insights. Nó quét trang rồi cho điểm từ 0 đến 100 theo 5 hạng mục khác nhau, kèm danh sách các vấn đề cụ thể cần cải thiện.

Điểm quan trọng: Lighthouse chạy trong môi trường giả lập, gọi là “phòng thí nghiệm”, nó dùng một thiết bị và đường truyền cố định để kiểm tra. Vì vậy kết quả không hoàn toàn phản ánh trải nghiệm của người dùng thật ngoài đời.

Tên “Lighthouse” xuất phát từ hình ảnh ngọn hải đăng soi đường: công cụ này soi ra những vấn đề đang cản trang web của bạn.

5 hạng mục Lighthouse chấm điểm

1. Performance: Hiệu năng tải trang

Đây là hạng mục nhiều người nhìn vào đầu tiên. Lighthouse đo tốc độ tải qua một loạt chỉ số:

• FCP (First Contentful Paint): thời điểm nội dung đầu tiên xuất hiện trên màn hình.
• LCP (Largest Contentful Paint): thời điểm phần nội dung lớn nhất tải xong, Google coi đây là chỉ số quan trọng nhất về tốc độ.
• TBT (Total Blocking Time): tổng thời gian trang bị “nghẽn”, không phản hồi thao tác của người dùng.
• CLS (Cumulative Layout Shift): trang có bị giật, nhảy bố cục khi đang tải không.
• SI (Speed Index): tốc độ hiển thị tổng thể của trang.

Điểm Performance được tính bằng trọng số của các chỉ số này, không phải chỉ một con số duy nhất. Lighthouse cập nhật bộ trọng số theo từng phiên bản, nên điểm có thể thay đổi ngay cả khi trang không có gì thay đổi.

2. Accessibility: Khả năng tiếp cận

Hạng mục này kiểm tra xem người khuyết tật có dùng được trang không: người dùng phần mềm đọc màn hình (screen reader), người điều hướng bằng bàn phím thay vì chuột, hoặc người có vấn đề về nhận biết màu sắc.

Điểm Accessibility thường bị bỏ qua nhất vì ảnh hưởng SEO không trực tiếp như Performance. Nhưng Google đã tích hợp Accessibility vào tín hiệu chất lượng trang thông qua Page Experience, nên bỏ qua hoàn toàn hạng mục này là không nên.

3. Best Practices: Thực hành tốt nhất

Lighthouse kiểm tra một loạt tiêu chí kỹ thuật: trang có chạy qua HTTPS không, ảnh có đúng tỉ lệ không, bảng điều khiển lỗi (console) có báo lỗi JavaScript không, trang có dùng các API lỗi thời không…

Hạng mục này thường dễ đạt 90–100 nhất nếu web được xây dựng đúng chuẩn từ đầu.

4. SEO

Lighthouse kiểm tra các yếu tố on-page cơ bản: có thẻ meta mô tả không, ảnh có thẻ alt không, liên kết có mô tả rõ đích đến không, trang có thân thiện với thiết bị di động không…

Cần lưu ý: điểm SEO của Lighthouse chỉ kiểm tra kỹ thuật bề mặt, không đánh giá được chất lượng nội dung, độ mạnh của liên kết hay các yếu tố ngoài trang. Điểm SEO Lighthouse 100 không có nghĩa là web sẽ lên top Google.

5. PWA: Progressive Web App (Ứng dụng web tiến bộ)

PWA kiểm tra xem trang có đáp ứng các tiêu chí để hoạt động như một ứng dụng di động không: tải được khi mất mạng, cài đặt được lên màn hình điện thoại, có service worker (dịch vụ chạy nền)…

Đa số trang web doanh nghiệp vừa và nhỏ không cần đạt điểm cao ở hạng mục này. PWA phù hợp hơn với ứng dụng web phức tạp như email, đặt hàng, bản đồ. Bỏ qua hạng mục PWA là hoàn toàn ổn với website thông thường.

Lighthouse và PageSpeed Insights: hai tên, cùng một cốt lõi

Nhiều người nhầm Lighthouse và PageSpeed Insights là hai công cụ riêng biệt. Thực tế, PageSpeed Insights dùng Lighthouse bên dưới nhưng cộng thêm dữ liệu từ người dùng thật.

Lab data và Field data khác nhau ở đâu

Lab data (dữ liệu phòng thí nghiệm): Lighthouse kiểm tra trang trong môi trường giả lập, dùng cài đặt cố định, thường là điện thoại tầm trung với đường mạng 4G giả lập. Kết quả ổn định và lặp lại được, giúp kỹ sư biết vấn đề cụ thể đang ở đâu để sửa.

Field data (dữ liệu thực địa): Được thu thập từ người dùng Chrome thật khi họ ghé thăm trang. Google tổng hợp dữ liệu này vào Chrome UX Report (CrUX). Field data phản ánh trải nghiệm thực tế nhưng cần ít nhất 28 ngày dữ liệu mới có đủ để hiển thị.

Điểm khác biệt quan trọng: Core Web Vitals trong báo cáo Google Search Console dùng Field data, không phải Lab data. Vì vậy, có thể Lighthouse chạy trong DevTools cho điểm Performance 90, nhưng Google Search Console vẫn báo “Cần cải thiện” ở một số trang. Đây không phải mâu thuẫn, hai nguồn đang đo hai thứ khác nhau.

Tại sao điểm Lighthouse mỗi lần chạy một khác?

Nhiều người thấy chạy Lighthouse ba lần ra ba con số khác nhau rồi lo lắng. Điều này hoàn toàn bình thường.

Thứ nhất, máy tính của bạn không chạy trang web trong môi trường “sạch”, có các tab khác đang mở, CPU đang xử lý việc khác, mạng đang dùng cho các ứng dụng khác. Những yếu tố này ảnh hưởng tới điểm.

Thứ hai, Lighthouse dùng CPU throttling (giới hạn tốc độ CPU) để giả lập điện thoại tầm trung. Mức độ giới hạn này thay đổi theo tải hiện tại của máy. Thứ ba, với PageSpeed Insights, hành trình mạng từ server Google tới máy của bạn cũng biến động mỗi lần.

Cách đọc đúng: chạy Lighthouse 3–5 lần liên tiếp rồi lấy điểm trung vị (median, giá trị ở giữa), không lấy điểm cao nhất hay thấp nhất. Chênh lệch ±5 điểm giữa các lần là bình thường.

Cách chạy Lighthouse

1. Chrome DevTools (miễn phí, chạy ngay): Nhấn F12 → Tab “Lighthouse” → Chọn hạng mục cần kiểm tra → “Analyze page load”. Phù hợp khi đang phát triển web và cần debug nhanh.

2. PageSpeed Insights (pagespeed.web.dev): Dán URL vào, nhấn phân tích. Kết quả có cả Lab data và Field data. Phù hợp để kiểm tra trang đang chạy thật ngoài production.

3. Lighthouse CLI (công cụ dòng lệnh): Dành cho kỹ sư cần tự động hoá kiểm tra, chạy hàng loạt URL. Cài qua npm: npm install -g lighthouse.

Thang điểm Lighthouse: đọc sao cho đúng

• 0–49 (đỏ, kém): Cần xử lý ngay. Trải nghiệm người dùng đang bị ảnh hưởng nặng.
• 50–89 (cam, cần cải thiện): Có vấn đề, chưa nghiêm trọng nhưng nên xếp vào kế hoạch sửa.
• 90–100 (xanh, tốt): Đạt chuẩn. Duy trì và theo dõi định kỳ.

(Phần này nhiều người bỏ qua: màu đỏ/cam trên điện thoại quan trọng hơn nhiều so với máy tính để bàn, vì Google xếp hạng theo trải nghiệm điện thoại.)

Chủ doanh nghiệp cần quan tâm đến mức nào?

Nếu bạn không rành kỹ thuật, không cần nhớ hết các chỉ số. Điều cần biết là:

• Điểm Performance dưới 50 trên điện thoại: người dùng thật đang có trải nghiệm chậm, ảnh hưởng trực tiếp tới tỉ lệ thoát trang và chuyển đổi.
• Điểm SEO của Lighthouse thấp: có vấn đề kỹ thuật cơ bản cần sửa để Google đọc được trang.
• Field data trong Google Search Console báo “Cần cải thiện” hoặc “Kém”: đây là tín hiệu quan trọng hơn điểm Lighthouse trong DevTools.

Nếu muốn biết web của bạn đang ở đâu, bước đầu là chạy thử PageSpeed Insights với URL trang chủ và một trang dịch vụ. Nhìn vào điểm trên điện thoại, không phải máy tính để bàn.

Một trong những cải thiện đơn giản nhất mà Lighthouse hay gợi ý là bật nén tệp trước khi gửi về trình duyệt. Nếu bạn chưa biết công nghệ nén này hoạt động như thế nào, bài gzip là gì giải thích từ đầu.

Câu hỏi thường gặp về Lighthouse

Điểm Lighthouse 100 có nghĩa là web đã tối ưu hoàn toàn chưa?
Không hoàn toàn. Điểm 100 nghĩa là trang vượt qua tất cả các bài kiểm tra của Lighthouse trong môi trường phòng thí nghiệm. Nhưng người dùng thật dùng đủ loại thiết bị, đường mạng và vị trí địa lý, Field data mới cho biết thực tế đang diễn ra.

Lighthouse và Core Web Vitals có khác nhau không?
Có. Core Web Vitals (LCP, INP, CLS) là ba chỉ số cụ thể Google dùng để đánh giá Page Experience và đưa vào tín hiệu xếp hạng. Lighthouse đo nhiều chỉ số hơn và tổng hợp thành điểm. Core Web Vitals là tập con của các chỉ số mà Lighthouse đo. Muốn tìm hiểu thêm, xem bài Core Web Vitals và cách Google chấm điểm trải nghiệm trang.

Chạy Lighthouse ở chế độ ẩn danh có kết quả chuẩn hơn không?
Có. Ở chế độ ẩn danh, không có tiện ích mở rộng nào đang chạy, nên kết quả phản ánh đúng hiệu năng trang hơn. Nếu muốn kết quả chuẩn nhất khi dùng DevTools, hãy mở cửa sổ ẩn danh trước.

Điểm Lighthouse thấp có ảnh hưởng thứ hạng Google không?
Gián tiếp. Google xác nhận Core Web Vitals là tín hiệu xếp hạng, nhưng dựa trên Field data (trải nghiệm người dùng thật), không phải trực tiếp từ điểm Lighthouse. Điểm Lighthouse thấp thường đi kèm trải nghiệm người dùng kém, và đó mới là thứ ảnh hưởng thứ hạng.

Nếu bạn chạy Lighthouse và thấy trang có nhiều cảnh báo nhưng không biết bắt đầu từ đâu, Web22 có dịch vụ tối ưu Core Web Vitals, kiểm tra từng vấn đề cụ thể, ưu tiên cái nào sửa trước để tác động lớn nhất, rồi theo dõi sau khi sửa.

{“@context”:”https://schema.org”,”@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”Điểm Lighthouse 100 có nghĩa là web đã tối ưu hoàn toàn chưa?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Không hoàn toàn. Điểm 100 nghĩa là trang vượt qua tất cả bài kiểm tra của Lighthouse trong môi trường phòng thí nghiệm. Field data từ người dùng thật mới cho biết thực tế đang diễn ra.”}},{“@type”:”Question”,”name”:”Lighthouse và Core Web Vitals có khác nhau không?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Có. Core Web Vitals là ba chỉ số cụ thể (LCP, INP, CLS) Google dùng làm tín hiệu xếp hạng. Lighthouse đo nhiều chỉ số hơn và tổng hợp thành điểm tổng.”}},{“@type”:”Question”,”name”:”Chạy Lighthouse ở chế độ ẩn danh có kết quả chuẩn hơn không?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Có. Ở chế độ ẩn danh, không có tiện ích mở rộng nào chạy nên kết quả phản ánh đúng hiệu năng trang hơn.”}},{“@type”:”Question”,”name”:”Điểm Lighthouse thấp có ảnh hưởng thứ hạng Google không?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Gián tiếp. Google xếp hạng dựa trên Field data (Core Web Vitals từ người dùng thật), không trực tiếp từ điểm Lighthouse.”}}]}