lighthouse là gì

Google Lighthouse là gì?

Lighthouse là dụng cụ mã mối cung cấp banh tự động hóa của Google dùng để làm phân tách, đo lường và tính toán và nâng cao quality website. Quý Khách rất có thể dùng dụng cụ này mang đến toàn bộ những loại trang web không giống nhau (từ trang web công khai minh bạch cho tới trang web đòi hỏi xác thực). Các ứng dụng của Lighthouse là gì? Cùng Mắt Bão mò mẫm hiểu nhé!

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

Lighthouse tiếp tục giúp cho bạn đánh giá toàn vẹn những tiêu chuẩn quan trọng nhằm trang web hoạt động và sinh hoạt hiệu suất cao, gồm những: hiệu suất, kĩ năng truy vấn, progressive trang web ứng dụng, kĩ năng SEO,… và thật nhiều mặt mày không giống nữa. 

Có thể thưa Lighthouse là dụng cụ toàn vẹn nhất của Google lúc bấy giờ sẽ giúp người tiêu dùng Review trang web một cơ hội đúng mực nhất. Ngoài kĩ năng phân tách khái quát, dụng cụ này cũng fake ra  những lời nói răn dạy hữu ích nhằm chúng ta nâng lên quality trang web.

Cách dùng Google Lighthouse

Có 3 phương pháp để dùng Google Lighthouse:

• Chạy Lighthouse nhập Chrome DevTools
• Cài đặt điều và chạy Node Command line tool
• Chạy Lighthouse vì như thế Chrome Extension

Dưới đó là chỉ dẫn cụ thể cơ hội thiết lập cụ thể cho tất cả 3 cơ hội này:

Chạy Lighthouse nhập Chrome DevTools

Audits panel của Chrome DevTools hiện nay đang rất được cấp cho quyền vận dụng Google Lighthouse mang đến trang web. Để cảm nhận được report phân tách trang web, bạn phải triển khai quá trình sau:

• Bước 1: Truy cập trang web mình muốn đánh giá vì như thế trình duyệt Google Chrome.
• Bước 2: Nhấn F12 hoặc bấm tổng hợp phím Ctrl – Shift – I nhằm banh Developer Tools. Sau cơ lựa chọn tab Audits.
• Bước 3: Click Perform an audit DevTools nhằm hiển thị list những audit categories.

• Bước 4: Đánh lốt tick nhập những mục mình muốn phân tách (nên lựa chọn toàn bộ những mục và để được report trả chỉnh).

• Bước 5: Click nhập nút Run audit. Đợi 60-90s, Lighthouse tiếp tục tự động hóa hiển thị thành quả phân tách của trang.

Cài đặt điều và chạy Lighthouse nhập Node Command line tool

Bạn cần thiết đặt điều Node module theo gót quá trình sau:

• Bước 1: Download Google Chrome for Desktop.
• Bước 2: Cài đặt điều phiên bạn dạng Long-Term Support tiên tiến nhất của Node.

• Bước 3: Cài đặt điều Lighthouse.-g flag (Global Module) vì như thế lệnh:

npm install -g lighthouse.

• Bước 4: Tạo một audit vì như thế lệnh:

lighthouse <url>.

• Bước 5: Hiển thị tùy lựa chọn audit:

lighthouse --help.

Chạy Lighthouse vì như thế Chrome Extension

Bạn rất có thể thiết lập Chrome Extension nhằm dùng Lighthouse. Cách thực hiện như sau:

• Bước 1: Vào Chrome Webstore, mò mẫm Lighthouse Chrome Extension -> Add lớn Chrome nhằm thiết lập tiện nghi Lighthouse nhập Google Chrome của khách hàng.
• Bước 2: Truy cập nhập trang web mong muốn tổ chức phân tích và đo lường.
• Bước 3: Click nhập ký hiệu Extension Lighthouse nằm tại góc cần thanh Chrome address bar. Nếu ko xuất hiện nay, các bạn hãy banh thực đơn của Chrome và click nhập Lighthouse nhằm kích hoạt Extension.
• Bước 4: Click nhập Generate report. Lighthouse tiếp tục tổ chức chạy đánh giá trang web của khách hàng, tiếp sau đó report thành quả.

Lưu ý, dùng Lighthouse bên trên Chrome DevTools vẫn chính là cơ hội nhanh gọn lẹ và hiệu suất cao nhất vì như thế nó cung ứng những chức năng tương tự động như Chrome Extension tuy nhiên ko đòi hỏi thiết lập. Trừ lúc không thể dùng Chrome DevTools thì Chrome Extension mới mẻ là phương án nên được lựa chọn.

Cách share và coi report Google Lighthouse trực tuyến

Bạn rất có thể sử dụng Lighthouse Viewer nhằm coi và share report phân tách trang web trực tuyến. Cách share rõ ràng như sau:

Chia sẻ report vì như thế JSON

Lighthouse Viewer cần phải có JSON output nhằm share report phân tách trang web. Dưới đó là những chỉ dẫn nhằm lấy JSON output, tùy nằm trong nhập Lighthouse workflow nhưng mà chúng ta đang được dùng:

• Nếu sử dụng Lighthouse nhập Chrome DevTools, chúng ta chỉ việc click nhập nút Download Report nhằm vận tải report về và share.
• Nếu sử dụng Lighthouse nhập Command line, bạn phải chạy mệnh lệnh sau: 

lighthouse --output json --output-path <path/for/output.json>

• Nếu sử dụng Lighthouse Extension thì sau thời điểm cảm nhận được report, bạn phải click nhập nút Export -> Save as JSON.

Khi mong muốn coi những tài liệu phân tách, chúng ta chỉ việc banh Lighthouse Viewer nhập Google Chrome, tiếp sau đó kéo tệp tin JSON nhập trang Viewer nhằm report được hiển thị. Hoặc chúng ta cũng rất có thể click loài chuột vào trong 1 địa điểm ngẫu nhiên bên trên trang, thời điểm hiện nay một hành lang cửa số mới mẻ tiếp tục xuất hiện nay và việc của khách hàng là lựa chọn tệp tin JSON nhưng mà mình đang có nhu cầu muốn coi.

Xem thêm: số electron tối đa có thể chứa trong lớp p

Chia sẻ report bên dưới dạng GitHub Gists

Nếu không thích coi report vì như thế tệp tin JSON, chúng ta cũng có thể share thành quả phân tách trang web của tôi bên dưới dạng GitHub Gists kín. 

• Để xuất report bên dưới dạng Gist kể từ Chrome Extension bạn phải triển khai quá trình sau:
• Bước 1: Sau Lúc cảm nhận được report, click nhập Export -> Open In Viewer. Khi cơ, report sẽ tiến hành banh đi ra nhập Viewer bên trên địa điểm đàng link: https://googlechrome.github.io/lighthouse/viewer/.
• Bước 2: Trong Viewer, click nhập nút Share. Lúc cơ, screen tiếp tục xuất hiện nay một hành lang cửa số đòi hỏi quyền truy vấn tài liệu GitHub nhằm coi và lưu nhập Gist của khách hàng.
• Để xuất tệp tin report phân tách Gist kể từ phiên bạn dạng CLI của Lighthouse, bạn phải tạo nên tệp tin Gist tay chân bằng phương pháp copy-paste tài liệu kể từ tệp tin JSON output nhập Gist. Lưu ý, thương hiệu tệp tin report Gist cần với dạng .lighthouse.report.json.
• Để coi report phân tách trang web lưu bên dưới dạng Gist, cần thiết thêm thắt ?gist=<ID> vào URL của Viewer. Trong số đó, <ID> chính là ID của Gist. Như vậy, URL thời điểm hiện nay sẽ sở hữu dạng: https://googlechrome.github.io/lighthouse/viewer/?gist=<ID>

Để hiểu thêm thắt về tính chất năng này của Lighthouse chào fan hâm mộ coi bài: “Github là gì“

GitHub là một trong những loại dịch vụ server vận hành nhiều phiên bạn dạng code, gom tàng trữ bọn chúng và cả nội dung dự án công trình của nhì hoặc nhiều thông tin tài khoản của lập trình sẵn viên. Đây cũng chính là điểm gom những lập trình sẵn viên post những code, plan của tôi lên nhằm những member không giống nhập group dự án công trình theo gót dõi, copy những đoạn code cơ về và kế tiếp phần việc của tôi. 

Các xài chuẩn chỉnh phân tích và đo lường của Google Lighthouse là gì?

Với Lighthouse, chúng ta cũng có thể audit (kiểm tra) những trang web đang được trở nên tân tiến bên trên localhost hoặc private server một cơ hội đơn giản dễ dàng. Chúng bao gồm:

Google Lighthouse – Performance là gì?

Performance (hiệu suất của website) tiếp tục tùy thuộc vào thật nhiều nhân tố, cả back-end láo nháo front-end. Để được Lighthouse Review cao, chúng ta cần: Optimize images, minify Css/Js, tăng cường trang web vì như thế lazy loading,… 

Tuy nhiên tăng hưởng thụ của người tiêu dùng vẫn là vấn đề cần thiết nhất. Nếu cần quyết tử những nhân tố nâng lên hưởng thụ (ví dụ: quality hình ảnh) nhằm đạt được số điểm performance cao thì ko quan trọng. 75 điểm là nút Review gật đầu đồng ý được ở mục hiệu suất này.

Google Lighthouse – Progressive Web App là gì?

Việc Google thêm thắt chức năng này nhập Lighthouse đó là một dự đoán sớm nhằm mục tiêu biến đổi Progressive Web App phát triển thành một xài chuẩn chỉnh nên nhập sau này. Tuy nhiên nếu như lúc này, chúng ta chưa tồn tại đầy đủ nguồn lực có sẵn và thời hạn thì ko cần thiết chú ý trở nên tân tiến khuôn khổ này. Nhưng với cùng 1 vài ba mục cần phải triển khai như:

• Sử dụng HTTPS
• Chuyển phía traffic HTTP qua quýt HTTPS
• Nội dung ở gói gọn gàng nhập tầm nhìn
• Có thẻ <meta name=”viewport”> được cho phép thay cho thay đổi Width và Scale
• Trả về nội dung vừa đủ Lúc gặp gỡ lỗi Javascript

Google Lighthouse – Accessibility là gì?

Tính năng này của Lighthouse tiếp tục cho mình biết trang web của tôi đã và đang được tối ưu kĩ năng truy vấn hoặc ko. cũng có thể trang web đang được tồn bên trên một số trong những vấn đề cần nâng cao như: text vượt lên nhỏ, phỏng tương phản của những đối tượng người sử dụng ở tại mức thấp,… Quý Khách cần thiết đạt được 100 điểm ở mục này.

Google Lighthouse – Best Practices là gì?

Best Practices đòi hỏi một số trong những xài chuẩn chỉnh nên của trang web. Điểm vô cùng 100 là tiềm năng phấn đấu nhưng mà bạn phải đạt được ở mục này.

Google Lighthouse – Đánh giá chỉ SEO là gì?

Mục này đòi hỏi chúng ta cần triển khai vừa đủ những nhân tố nhằm tối ưu hóa kĩ năng SEO mang đến trang web như: dùng meta mô tả tìm kiếm, đặt điều kể từ khóa nhập title nội dung bài viết, giản dị và đơn giản hóa code, dùng external liên kết và internal liên kết,…

Các chức năng tiên tiến nhất của Google Lighthouse 3.0 là gì?

Lighthouse 3.0 là phiên bạn dạng tiên tiến nhất của Google lúc bấy giờ. Nó mang về kĩ năng đánh giá, phân tách nhanh chóng rộng lớn, mang đến sai số thấp hơn và nhiều chức năng đánh giá mới mẻ. Dưới đó là một số trong những chức năng mới mẻ xứng đáng để ý của Google Lighthouse 3.0:

• Kiểm tra nhanh chóng rộng lớn, mang đến thành quả đúng mực rộng lớn với sai số/biến thay đổi nhỏ rộng lớn.
• Giao diện người tiêu dùng mới mẻ, giản dị và đơn giản và thuận tiện rộng lớn.
• Phiên bạn dạng Node của Lighthouse 3.0 rất có thể tương quí với những tùy lựa chọn thông số kỹ thuật tương tự như phiên bạn dạng CLI.
• Kết trái khoáy report rất có thể được xuất đi ra tệp tin CSV.
• Audit mới: First Contentful Paint (báo cáo thời hạn người tiêu dùng phát hiện ra phản hồi trước tiên kể từ trang web), robots.txt is not valid, thay cho thế tệp tin GIF vì như thế Clip mang đến animated nội dung,…

Lighthouse là 1 trong những dụng cụ cực kỳ cần thiết nhập quy trình xây đắp, kiến thiết và tối ưu trang web. Do cơ, nhằm trang web đạt được thành quả chất lượng tốt rộng lớn bên trên Google Search, bạn phải nắm rõ cơ hội dùng dụng cụ này. Hy vọng những share này của công ty chúng tôi sẽ hỗ trợ ích cho mình nhập quy trình nâng cao hiệu suất trang web. Quý Khách cũng nên contact ngôi nhà cung ứng cty thuê hosting và thiết kế tiếp website của khách hàng nhằm chúng ta tương hỗ chúng ta rất tốt. Chúc chúng ta trở nên công!

Xem thêm: nội dung gây nhiều tranh cãi nhất giữa ba cường quốc liên xô mỹ anh tại hội nghị ianta là