Google Lighthouse là gì? Cách sử dụng Google Lighthouse hiệu quả

Ngày: 15-04-2020 bởi: Vương Xem: 163 lượt

Google Lighthouse là gì? Cách sử dụng Google Lighthouse ra sao? Đây là câu hỏi được rất nhiều người quan tâm. Trong bài viết này hãy cùng chúng tôi tìm hiểu kỹ hơn về Google Cách sử dụng Google Lighthouse và cách sử dụng của nó nhé. Xem thêm

Google lighthouse là gì

Google Lighthouse là gì?

Google Lighthouse là gì?

Google Lighthouse là một công cụ open-source tự động giúp cải thiện chất lượng của website. Với công cụ google Lighthouse bạn hoàn toàn có thể sử dụng nó cho bất kỳ website nào. Từ những website công khai cho đến những website có yêu cầu xác thực. Nó sẽ có tác dụng kiểm tra về mặt hiệu suất, khả năng truy cập, các ứng dụng của web ở trên trang.

Hiện nay bạn có thể thực hiện việc chạy Google Lighthouse trong Chrome dev tool command line hoặc là ở dưới dạng Node module. Công việc của bạn chỉ là cung cấp cho Lighthouse một mã URL, sau đó nó sẽ chạy một loạt các công việc kiểm tra đối với trang web và tạo ra một báo cáo hoàn chỉnh về mức độ hoạt động của trang. Báo cáo này có đầy đủ các thông tin về chỉ số của website. Từ đó bạn có thể thực hiện việc thay đổi cũng như là sửa chữa sao cho hoàn chỉnh hơn.

Cách sử dụng Google Lighthouse

Hiện nay trên thực tế đang có ba cách để chạy Google Lighthouse đó là: Chrome DevTools, Node Command line tool, Chrome Extension. Dưới đây sẽ là hướng dẫn chi tiết cho cả 3 cách để các bạn cùng tham khảo:

Chạy Lighthouse trong Chrome DevTools

Hiện tại trong mục audits Panel của Chrome devtools đang cho phép thực hiện việc áp dụng Google Lighthouse cho website dưới đây sẽ là các bước để bạn có thể thực hiện việc nhận báo cáo phân tích:

  • Bước 1: Thực hiện việc truy cập vào website mà bạn muốn kiểm tra thông qua hệ thống Google Chrome

  • Bước 2: Thực hiện việc nhấn tổ hợp phím Ctrl – Shift – I để có thể mở mở developer tools. Tiếp theo đó bạn sẽ nhìn thấy Audits, hãy nhấn vào top này.

  • Bước 3: Click chọn vào Perform an audit DevTools. Nó sẽ cho phép hiển thị danh sách các audit categories.

  • Bước 4: Bạn hãy đánh dấu tích vào những mục mà bạn muốn Google Lighthouse phân tích. Tuy nhiên tốt nhất là bạn nên đánh dấu tất cả các mục để có thể có được bản báo cáo hoàn chỉnh.

  • Bước 5: Tiếp tục chọn Run Audits và đợi để cho Google Lighthouse thực hiện việc kiểm tra kết quả. Sau khoảng độ 60 đến 90 giây bạn sẽ thấy kết quả được hiển thị.

Sử dụng Google Lighthouse

Các cách sử dụng Google Lighthouse

Cài đặt và chạy Lighthouse trong Node Command line tool

  • Bước 1: Bạn có thể bỏ qua bước này nếu như đã có Google Chrome. Trong trường hợp máy tính chưa có Google Chrome thì hãy thực hiện được cài đặt Google Chrome.

  • Bước 2: Tiếp theo thực hiện việc cài đặt phiên bản Long-Term Support mới nhất của Node.

  • Bước 3: Thực hiện các lệnh sau: 

    • npm install -g lighthouse.

    • lighthouse

    • lighthouse --help

Chạy Lighthouse bằng Chrome Extension

Thêm một cách để chạy Lighthouse nữa đó là bạn có thể cài đặt Chrome extension. Sau đây là các bước thực hiện:

  • Bước 1: Hãy vào Google Chrome và tìm kiếm Lighthouse Chrome Extension. Tiếp theo đó bạn hãy mở trang web ra và thêm Lighthouse vào tiện ích của Google Chrome.

  • Bước 2: Hãy truy cập vào trang web mà bạn muốn tiến hành việc kiểm tra.

  • Bước 3: Sau khi đã truy cập vào trang web thì các bạn hãy Click vào ký hiệu Extension Lighthouse ở ngay góc trên bên phải của Chrome. Như vậy là bạn đã kích hoạt tính năng extension.

  • Bước 4: Tiếp theo hãy click vào Generate report để tiến hành việc kiểm tra cũng như là đưa ra kết quả báo cáo cho website.

Nhìn chung việc sử dụng Google Lighthouse trên chrome devtools vẫn là một trong những phương pháp hiệu quả và nhanh chóng nhất. Điều này là bởi vì nó cung cấp những tính năng tương tự giống như là chrome extension. Tuy nhiên nó không yêu cầu bạn phải thực hiện việc cài đặt.

Google Lighthouse

Phân tích Website bằng Google Lighthouse

Tìm hiểu một số tính năng mới nhất của Google Lighthouse 3.0?

Hiện tại Lighthouse 3.0 chính là một trong những phiên bản mới nhất của Google. Phiên bản này mang đến những hiệu quả vô cùng tốt trong việc kiểm tra và phân tích nhanh chóng. Đồng thời sai số của phiên bản này cũng ít hơn so với những phiên bản trước đó, Kèm theo đó là những tính năng mới. Hãy cùng tìm hiểu một số những tính năng đáng chú ý của phiên bản này nhé: 

  • Tốc độ kiểm tra nhanh hơn, kết quả cũng chính xác hơn. Đồng thời sai số biên độ nhỏ hơn rất nhiều so với những phiên bản trước

  • Mang đến cho người dùng một giao diện hoàn toàn mới, thuận tiện và đơn giản hơn

  • Phiên bản node của Lighthouse 3.0 mang đến khả năng tương thích với các cấu hình giống như phiên bản CLI

  • Kết quả báo cáo sau khi đã được phân tích sau có thể xuất ra file CSV

  • Có thêm nhiều this mới: First Contentful Paint, robots.txt is not valid...

Nhìn chung Lighthouse chính là một trong những công cụ cực kỳ quan trọng giúp quá trình xây dựng và thiết kế website được hoàn chỉnh. Chính vì thế để mang đến hiệu quả tốt hơn các bạn cần hiểu rõ cách sử dụng công cụ này. Hi vọng những thông tin này đã giúp các bạn nắm rõ về Google Lighthouse là gì và cách hoạt động của nó ra sao.

Hotline công ty tùng phát

Hotline công ty Tùng Phát

Xem thêm các bài viết liên quan:

Vương
Vương Nhân viên SEO, chuyên SEO các từ khóa lên Website
Gọi điện thoại
0902.313.677

CSKH 24/7: 028.7776.8789

0902313677Phone

Email hỗ trợ: info@tungphat.com

info@tungphat.com Email

Top