Lighthouse Là Gì

  -  

Lighthouse là 1 trong công chũm audits web mới của Google. Vậy luật hữu ích này còn có gì mới, giúp ích gì mang lại website của bạn?Bizfly Cloudchia sẻ về Google lighthouse audit trong bài viết sau đây.

Bạn đang xem: Lighthouse là gì

Lighthouse là gì?

Lighthouse là một trong công cụ open-source tự động hóa nhằm cải thiện chất lượng của những trang web. Chúng ta cũng có thể áp dụng nó cho ngẫu nhiên trang web nào, từ bỏ website công khai đến trang web yêu mong xác thực. Công cụ audit google chrome này sẽ soát sổ về hiệu suất, tài năng truy cập, các ứng dụng web… trên trang.

Bạn hoàn toàn có thể chạy Lighthouse vào Chrome DevTools, tự command line hoặc dưới dạng Node module. Bạn cung cấp cho Lighthouse một URL, tiếp đến Lighthouse chạy một loạt những kiểm tra đối với trang, sau cuối nó sẽ khởi tạo ra một report về nút độ hoạt động vui chơi của trang. Trường đoản cú đó, bạn hãy sử dụng kết quả của bài bác kiểm tra, cải thiện các chỉ số không đạt để cải thiện trang.

Xem đoạn clip dưới phía trên để bài viết liên quan về cách thực hiện của Lighthouse vào sự khiếu nại Google I/O 2017:https://youtu.be/NoRYn6gOtVo

bắt đầu sử dụng Google Lighthouse

Chọn biện pháp chạy Lighthouse phù hợp nhất với bạn:

- trong Chrome DevTools. Dễ dàng kiểm tra những trang yêu cầu chính xác và đọc report trong định dạng thân mật với người dùng.

- từ command line. Tự động hóa chạy Lighthouse qua các shell scripts.

- Node module. Tích phù hợp Lighthouse vào khối hệ thống tích vừa lòng liên tục của công ty (continuous integration systems).

Lưu ý: hồ hết Lighthouse workflow yêu thương cầu bạn phải cài đặt Google Chrome trên sản phẩm của mình.

1. Chạy Lighthouse vào Chrome DevTools

Lighthouse hiện đang cấp quyền mang lại Audits panel của Chrome DevTools. Để chạy report bạn nhấn F12 hoặc Ctrl Shift I tiếp nối chọn tab Audits:

- Click Perform an audit. DevTools hiển thị danh sách các audit categories. Chọn kích hoạt vớ cả.

- Click Run audit. Sau 60s cho 90s, Lighthouse vẫn hiển thị report cho trang.



Cài đặt với chạy Node command line tool

Các bước setup Node module

- download Google Chrome for Desktop.

- thiết lập phiên bản Long-Term support hiện trên của Node.

- setup Lighthouse. -g flag tức là global module.

npm install -g lighthouse

-Tiến hành một audit:

lighthouse

- Hiển thị tùy lựa chọn audit:

lighthouse --help

2. Chạy Lighthouse bởi Chrome Extension

Lưu ý: Trừ khi bạn có tại sao cụ thể, nếu như không bạn phải sử dụngLighthouse bên trên Chrome DevTools thay bởi vì Chrome Extension này. Thao tác làm việc trên DevTools cung ứng các tính năng y hệt như Extension, bên cạnh đó có điểm về tối ưu hơn đó là không cần cài đặt.

Để setup extension:

- tải về Google Chrome for Desktop.

Xem thêm: Nghĩa Của " Slush Là Gì ? Nghĩa Của Từ Slush Ice Trong Tiếng Việt

- sở hữu đặtLighthouse Chrome Extensiontừ the Chrome Webstore.

Để chạy audit:

- trong Chrome, tiếp cận trang bạn có nhu cầu tiến hành audit.

- Click Lighthouse nằm sát bên Chrome address bar. Còn nếu không thấy, hãy mở menu chủ yếu của Chrome và truy cập vào phần đầu tiên của menu. Sau click, Lighthouse menu đã mở rộng.


*



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

Lighthouse Viewer đề xuất JSON đầu ra của báo cáo Lighthouse. Danh sách dưới đây hướng dẫn giải pháp lấy JSON output, tùy ở trong vào Lighthouse workflow mà ai đang sử dụng:

- Chrome DevTools. Click tải về Report.

- Command line. Chạy lệnh sau:

lighthouse --output json --output-path

- Chrome Extension. Click Export > Save as JSON.

Để xem tài liệu báo cáo:

- Mở Lighthouse Viewer trong Google Chrome.

- Kéo tệp JSON vào Viewer hoặc nhấp vào bất kỳ đâu trên Viewer nhằm navigator tệp và lựa chọn tệp.

Chia sẻ báo cáo như GitHub Gists

Nếu bạn không muốn tự xem những tệp JSON, bạn có thể chia sẻ báo cáo của mình bên dưới dạng GitHub Gists túng mật. Một ích lợi của Gists là miễn phí version control.

Để xuất report dưới dạng Gist trường đoản cú Chrome Extension version của Lighthouse Chrome:

- Click Export > Open In Viewer. Báo cáo mở ra trong Viewer, tại địa điểm https://googlechrome.github.io/lighthouse/viewer/.


- trong Viewer, click Share. Cùng với lần trước tiên thực hiện thao tác này, cửa sổ bật lên yêu cầu quyền truy cập dữ liệu GitHub cơ bản để đọc và ghi vào Gists của bạn.

Để xuất báo cáo dưới dạng Gist trường đoản cú phiên phiên bản CLI của Lighthouse, chỉ việc tạo Gist theo cách bằng tay thủ công và sao chép-dán JSON output đầu ra của report vào Gist. Thương hiệu tệp Gist chứa JSON output phải xong xuôi bằng .lighthouse.report.json.

Để xem báo cáo được lưu dưới dạng Gist:

- Thêm ?gist= vào URL của Viewer, nơi là ID của Gist.

Xem thêm: 1 Satoshi Bằng Bao Nhiêu Vnd, Đô Usd, Bitcoin 2021, Satoshi Là Gì

https://googlechrome.github.io/lighthouse/viewer/?gist=

- MởViewer, và dán URL của Gist vào đó.

những tiêu chuẩn chỉnh audits của Lighthouse

- Performance

- Progressive web App

- Accessibility

- Best Practices

- SEO

Tham khảo: developers.google.com/web/tools/lighthouse/