Google Lighthouse công cụ đánh giá hiệu suất web

LongAnIT 1/15/2019
Bạn đã biết 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 đây là 2 ôn to tướng của google mà chắc ai là dân thiết kế web nhất là các SEOer ai cũng phải biết đến.

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
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
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
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ả
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
Cài đặt Chrome Extensions vào trong trình duyệt Chorme 
Kết luận: Như vây qua bài viết trên tôi đã giới thiệu cho các bạn một công cụ kiểm tra hiệu suất tuyệt vời cho website của bạn có tên là Lighthouse hi vọng là sau khi đọc xong bài này các bạn có thể thực hành trải nghiệm cũng như cải thiện được phần nào cho website của mình. Chúc các bạn SEO nhanh lên top nhé.

Nguồn tổng hợp: Longanit.com

8 nhận xét

Xếp theo
  1. Trả lời
    1. Ok bạn nhé mình đã đặt link cho bạn

      Xóa
    2. sữa lại tên lk dùm mình đc không ông

      Xóa
    3. sữa thành Star Gấu IT dùm mình với nha lk : https://nguyentrongvyit.blogspot.com/

      Xóa
  2. Đặ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óa
  3. Ok đã xong bạn nhé

    Trả lờiXóa
  4. Cập nhật link chính thức cho anh em

    https://web.dev/measure

    Trả lờiXóa

Nếu phát hiện spam bạn sẽ bị xử lý. Bạn có thể đặt backlink tại đây Hướng dẫn đặt backlink nofollow tại đây