Bạn từng dùng PageSpeed Insights để kiểm tra tốc độ website? Đằng sau công cụ đó chính là Lighthouse — một công cụ audit web mã nguồn mở của Google. Mình sẽ giải thích cho bạn hiểu Lighthouse là gì, cách dùng và tại sao nó quan trọng cho website của bạn.
Lighthouse Là Gì?
Lighthouse là công cụ phân tích và đánh giá chất lượng trang web mã nguồn mở do Google phát triển. Nó chạy audit tự động trên 5 hạng mục: Performance (hiệu năng), Accessibility (khả năng tiếp cận), Best Practices (thực hành tốt nhất), SEO và PWA (Progressive Web App).
Sau khi chạy, Lighthouse đưa ra điểm số từ 0 đến 100 cho từng hạng mục, kèm danh sách vấn đề cụ thể và gợi ý cách khắc phục. Bạn có thể chạy Lighthouse trực tiếp trong Chrome DevTools, qua PageSpeed Insights, qua Command Line, hoặc tích hợp vào quy trình CI/CD.
Lighthouse Đo Những Gì?
Mỗi hạng mục trong Lighthouse bao gồm nhiều chỉ số con. Mình thấy nhiều người chỉ quan tâm đến Performance mà bỏ qua các hạng mục khác, nhưng thực ra tất cả đều quan trọng.
Performance (Hiệu năng)
Đây là hạng mục được quan tâm nhất. Lighthouse đo các chỉ số như Core Web Vitals: LCP (Largest Contentful Paint), INP (Interaction to Next Paint), CLS (Cumulative Layout Shift). Nó cũng đo TTFB, FCP, Speed Index và Total Blocking Time. Điểm Performance phụ thuộc vào thời gian tải thực tế, kích thước tài nguyên, và cách trình duyệt render trang.
Accessibility (Khả năng tiếp cận)
Hạng mục này kiểm tra xem website có usable cho người khuyết tật hay không. Ví dụ: ảnh có alt text không, form có label không, contrast màu có đủ không, có thể điều hướng bằng keyboard không. Lighthouse kiểm tra dựa trên chuẩn WCAG và axe-core.
Best Practices (Thực hành tốt nhất)
Kiểm tra các vấn đề kỹ thuật chung: có dùng HTTPS không, có lỗi trong console không, hình ảnh có định dạng tối ưu không, có resource quá lớn không. Hạng mục này khá rộng và bao phủ nhiều aspect kỹ thuật.
SEO
Kiểm tra xem trang web có thân thiện với công cụ tìm kiếm không: có meta description không, thẻ title đủ dài không, nội dung text có readable không, robots.txt có chặn index không, link có descriptive không. Hạng mục này khác với Technical SEO ở chỗ nó chỉ audit on-page, không kiểm tra backlink hay domain authority.
PWA (Progressive Web App)
Kiểm tra xem trang web có đáp ứng tiêu chuẩn PWA không: có manifest file không, có service worker không, có hoạt động offline không, có installable không. Hạng mục này ít được quan tâm ở Việt Nam nhưng sẽ ngày càng quan trọng khi PWA phát triển.
Cách Chạy Lighthouse
Có 4 cách chính để chạy Lighthouse, mình hay dùng cách 1 và 2 nhất.
Cách 1: Chrome DevTools. Mở trang web trong Chrome, nhấn F12, chuyển sang tab Lighthouse, chọn hạng mục muốn audit, nhấn Analyze. Đợi khoảng 30-60 giây để Lighthouse chạy xong. Đây là cách nhanh nhất để kiểm tra.
Cách 2: PageSpeed Insights. Truy cập pagespeed.web.dev, nhập URL, chọn Mobile hoặc Desktop. Ưu điểm là kết quả công khai, có thể chia sẻ link cho team. PageSpeed Insights chạy Lighthouse phía server nên kết quả có thể khác slightly so với chạy trên máy bạn.
Cách 3: Command Line. Cài Lighthouse CLI qua npm: npm install -g lighthouse. Chạy bằng lệnh lighthouse https://example.com --output html --output-path ./report.html. Phù hợp khi muốn automate, tích hợp vào CI/CD pipeline.
Cách 4: Lighthouse CI. Dùng trong GitHub Actions hoặc Jenkins để chạy audit tự động mỗi khi push code. Nếu điểm Performance giảm dưới ngưỡng cho phép, build sẽ fail. Cách này giúp team phát hiện regression sớm.
Điểm Lighthouse Có Ý Nghĩa Gì?
Lighthouse cho điểm từ 0-100, chia thành 3 khoảng: 0-49 (đỏ, cần cải thiện), 50-89 (vàng, khá), 90-100 (xanh, tốt). Mục tiêu hợp lý cho đa số website là đạt 90+ cho Performance và SEO.
Nhưng mình cần lưu ý bạn một điều: điểm Lighthouse không giống với dữ liệu thực tế. Lighthouse chạy trong môi trường giả lập (simulated throttling), không phải trên thiết bị thật của người dùng. Google dùng CrUX (Chrome User Experience Report) — dữ liệu thực tế từ hàng triệu người dùng Chrome — làm tín hiệu xếp hạng chính thức, không dùng điểm Lighthouse.
Nói cách khác: điểm Lighthouse cao là cần nhưng chưa đủ. Bạn cần theo dõi dữ liệu thực tế trong Search Console (Core Web Vitals report) để biết người dùng thực sự trải nghiệm thế nào.
Tại Sao Lighthouse Quan Trọng?
Mình liệt kê vài lý do thực tế mà mình thấy quan trọng nhất.
Thứ nhất, Lighthouse miễn phí và dễ dùng. Bạn không cần công cụ trả phí như GTmetrix hay WebPageTest để có cái nhìn tổng quan về chất lượng trang web. Lighthouse cho bạn bức tranh đầy đủ trong dưới 1 phút.
Thứ hai, Lighthouse đưa ra gợi ý cụ thể. Thay vì nói “trang của bạn chậm”, nó nói “hình ảnh này nặng 2.5MB, nên giảm xuống dưới 500KB” hoặc “JavaScript này block render 800ms, nên defer lại”. Bạn biết chính xác cái gì cần sửa.
Thứ ba, Lighthouse giúp giao tiếp với khách hàng hoặc team. Thay vì tranh luận xem trang web có “nhanh không”, bạn có điểm số khách quan. Mình từng làm việc với khách hàng không hiểu kỹ thuật, nhưng khi cho họ xem điểm Lighthouse từ 45 lên 92, họ hiểu ngay.
Hạn Chế Của Lighthouse
Lighthouse không hoàn hảo. Mình thấy vài hạn chế cần lưu ý.
Lighthouse chạy trên môi trường giả lập, kết quả có thể khác giữa các lần chạy. Nếu bạn chạy 5 lần liên tiếp, điểm Performance có thể chênh lệch 5-10 điểm. Nên chạy 3-5 lần rồi lấy trung bình để có kết quả ổn định hơn.
Lighthouse không đo được trải nghiệm người dùng thực tế. Một trang có điểm Lighthouse 95 nhưng nội dung kém thì người dùng vẫn rời đi. Đừng optimize Lighthouse đến mức quên mục tiêu cuối cùng là phục vụ người đọc.
Một số gợi ý của Lighthouse không thực tế cho mọi trường hợp. Ví dụ, nó khuyên “loại bỏ JavaScript không sử dụng”, nhưng với WordPress chạy WooCommerce, bạn không thể đơn giản cắt JS của plugin thanh toán. Cần cân nhắc ngữ cảnh.
Lighthouse Và Tối Ưu Hiệu Năng Web
Khi tối ưu website dựa trên Lighthouse, mình thường đi theo thứ tự ưu tiên sau. Đầu tiên, tối ưu hình ảnh — chuyển sang WebP/AVIF, lazy load, resize đúng kích thước. Đây là cách dễ nhất để tăng điểm Performance.
Tiếp theo, bật Cache và dùng CDN để giảm TTFB. Sau đó, thu gọn CSS/JavaScript, defer non-critical JS. Cuối cùng, nâng cấp hosting nếu server response time vẫn cao.
Nếu bạn dùng WordPress, plugin như WP Rocket hoặc LiteSpeed Cache xử lý tự động phần lớn các gợi ý của Lighthouse. Nhưng vẫn nên chạy Lighthouse định kỳ để kiểm tra.
Kết Luận
Lighthouse là công cụ thiết yếu cho bất kỳ ai quản lý website. Nó miễn phí, dễ dùng, và đưa ra gợi ý cụ thể để cải thiện. Mình khuyên bạn chạy Lighthouse cho website của mình ngay hôm nay — chỉ mất 1 phút nhưng có thể phát hiện vấn đề bạn không ngờ tới.
Nhớ rằng Lighthouse chỉ là điểm khởi đầu. Mục tiêu cuối cùng không phải đạt 100/100 mà là tạo trải nghiệm tốt cho người dùng thực tế. Kết hợp Lighthouse với Page Speed dữ liệu thực tế từ Search Console để có bức tranh hoàn chỉnh.
