Digital Marketing

Google Lighthouse là gì? Hướng dẫn sử dụng Google Lighthouse

Ngọn hải đăng Google Nó là gì? ”,“ Việc sử dụng công cụ Google Lighthouse có giúp ích gì cho trang web không? ” Đây là câu hỏi được rất nhiều người dùng quan tâm, hôm nay chúng ta hãy cùng nhau tìm hiểu kỹ hơn về dịch vụ này trong bài viết dưới đây.

Google Lighthouse là gì? Hướng dẫn sử dụng Google Lighthouse

Google Lighthouse là gì? Hướng dẫn sử dụng Google Lighthouse

Google Lighthouse là gì?

Ngọn hải đăng là một công cụ mã nguồn tự động. Chúng được Google phát triển để đo lường, phân tích, cải thiện chất lượng và tối ưu hóa trang web. Có thể nói đây là công cụ toàn diện nhất của Google. Ngọn hải đăng sẽ kiểm tra tất cả các tiêu chí để website của bạn hoạt động ổn định và hiệu quả bao gồm: khả năng truy cập, hiệu suất, SEO, ứng dụng web và nhiều yếu tố khác, …

Ngoài những phân tích, Lighthouse còn đưa ra những lời khuyên quý giá giúp bạn cải thiện trang web của mình.

Cách sử dụng Lighthouse

Để sử dụng Lighthouse, có 3 cách chính bao gồm:

Chạy Lighthouse trong Chrome DevTools

Để nhận báo cáo phân tích trang web, hãy làm theo các bước sau:

  • Bước 1: Bạn vào trang web của mình và kiểm tra với Trình duyệt Chrome.
  • Bước 2: Chọn F12 (hoặc kết hợp Ctrl-Shift-LOR) mở Những công cụ phát triển. Sau đó chọn Kiểm toán.
  • Bước 3: Chọn Thực hiện Kiểm tra DevTools để hiển thị danh sách Kiểm tra danh mục.
  • Bước 4: Đánh dấu vào các mục bạn muốn phân tích

Chạy Lighthouse trong Chrome DevTools

Đánh dấu vào các mục bạn muốn phân tích

  • Bước 5: Nhấn Run Audit, đợi 60-100 giây để Lighthouse hiển thị bảng phân tích thông tin phân tích web.

Chạy Lighthouse trong Chrome DevTools

Nhấp vào Chạy kiểm tra, để phân tích thông tin phân tích trang web

Cài đặt và chạy công cụ dòng lệnh Node

Trước tiên, bạn cần đặt mô-đun Node bằng cách làm theo các bước sau:

  • Bước 1: Tải xuống Google Chrome dành cho Máy tính để bàn.
  • Bước 2: Cài đặt phiên bản Hỗ trợ dài hạn mới nhất trong số Nút.

Cài đặt và chạy công cụ dòng lệnh Node

Cài đặt Node Hỗ trợ dài hạn mới nhất

  • Bước 3: Cài đặt Ngọn hải đăng với lệnh “npm install -g lighthouse“.
  • Bước 4: Tạo Kiểm tra bằng lệnh “ngọn hải đăng“.
  • Bước 5: Hiển thị tùy chọn “Kiểm tra”ngọn hải đăng –help“.

Chạy Lighthouse với Tiện ích mở rộng của Chrome

Theo cách này, bạn sử dụng Ngọn hải đăng cần phải làm như sau:

  • Bước 1: Vào cửa hàng Chrome trực tuyến, tìm Tiện ích mở rộng Lighthouse Chrome -> Thêm vào Chrome để cài đặt tiện ích Ngọn hải đăng vào máy của bạn.
  • Bước 2: Bạn truy cập vào trang web mà bạn muốn kiểm định.
  • Bước 3: Chọn biểu tượng Ngọn hải đăng mở rộng ở góc bên phải của quầy bar Thanh địa chỉ Chrome. Nếu chúng không hiển thị, bạn cần vào menu của Chrome để kích hoạt nó Các phần mở rộng.
  • Bước 4: Chọn Tạo báo cáo. Tại thời điểm này Ngọn hải đăng sẽ kiểm tra trang web của bạn và sau đó báo cáo kết quả.

Chạy Lighthouse với Tiện ích mở rộng của Chrome

Chọn Tạo báo cáo

Kết luận: Phương pháp 1 sử dụng Công cụ dành cho nhà phát triển của Chrome nhanh nhất và hiệu quả nhất. Và nếu bạn cần cài đặt nó, hãy sử dụng phương pháp 3 Tiện ích mở rộng của Chrome là tối ưu nhất.

???? Xem thêm về: Khóa học Digital Marketing marketingonline

Cách chia sẻ và xem báo cáo trực tuyến

Bạn có thể đến trực tiếp Người xem ngọn hải đăng để xem báo cáo, phân tích trang web của bạn trực tuyến. Ngoài ra, các cách thông thường khác như:

Chia sẻ báo cáo trong JSON

Lighthouse Viewer phải có Đầu ra JSON để chia sẻ báo cáo, thống kê, phân tích trên web. Hướng dẫn nhận đầu ra JSON phụ thuộc vào Quy trình làm việc của Lighthouse bạn đang sử dụng:

  • Nếu được sử dụng trong Chrome Devtoolsbạn chỉ cần chọn Tải xuống báo cáo để tải xuống báo cáo.
  • Nếu sử dụng Dòng lệnhbạn cần chạy lệnh sau: “Lighthouse –output json –output-path “.
  • Nếu sử dụng Phần mở rộng ngọn hải đăng thì sau khi nhận được báo cáo, bạn chọn Xuất khẩu -> Lưu dưới dạng JSON.

Khi bạn muốn xem dữ liệu phân tích, bạn mở Lighthouse Viewer trong Google Chrome. Sau đó, kéo tệp JSON vào trang Người xem để hiển thị báo cáo.

Chia sẻ báo cáo dưới dạng GitHub Gists

Ngoài các báo cáo về JSON, bạn cũng có thể xem các báo cáo phân tích và thống kê trang web dưới dạng GitHub Gists bí mật. Các bước cần thực hiện bao gồm:

  • Bước 1: Sau khi nhận được báo cáo, hãy chọn Xuất khẩu -> Mở trong trình xem. Sau đó, báo cáo sẽ được mở trong Người xemliên kết đây.
  • Bước 2: Trong trình xem Khi lựa chọn Đăng lạimàn hình sẽ hiển thị các cửa sổ và yêu cầu đi đến GitHub để xem và lưu dữ liệu của bạn.
  • Bước 3: Để lấy tệp báo cáo, Gits từ phiên bản CLI của Lighthouse, bạn cần tạo tệp bằng cách sao chép “từ tệp JSON đầu ra sang Gist”.
  • Bước 4: Để xem báo cáo Gist, bạn cần thêm mã “? Gist =”Vào URL của Người xem. Cái đó ở đâu là ID của Gist ..

Các tiêu chuẩn kiểm toán của Lighthouse

Khi kiểm tra các trang web hiện có, bạn có thể thực hiện qua localhost hoặc máy chủ riêng rất nhanh. Các yếu tố tiêu chuẩn này bao gồm:

Google Lighthouse – Hiệu suất là gì?

Hiệu suất (hoặc hiệu suất trang web) phụ thuộc vào nhiều yếu tố. Để được Lighthouse đánh giá cao, bạn cần tăng tốc độ web, Tối ưu hóa hình ảnh, rút ​​gọn CSS / Js,… Tuy nhiên, tăng trải nghiệm người dùng mới là yếu tố quan trọng nhất.

Google Lighthouse - Hiệu suất là gì?

Hiệu suất được Lighthouse đánh giá với độ chính xác cao

Google Lighthouse – Ứng dụng web tiến bộ

Ứng dụng web tiến bộ đang trở thành một trong những tiêu chuẩn bắt buộc của tương lai. Do đó, ngay cả khi bạn hiện không có tài nguyên, bạn có thể bỏ qua bước này. Tuy nhiên, có một số hạng mục bắt buộc phải làm như:

  • Sử dụng HTTPS cho web.
  • Chuyển hướng lưu lượng HTTP qua HTTPS
  • Nội dung có liên quan và được gói gọn trong tầm nhìn của trang web.
  • Yêu cầu thẻ và hỗ trợ thay đổi Chiều rộngTỉ lệ
  • Gặp lỗi Javascript sẽ trả về nội dung đầy đủ.

????Tìm hiểu thêm về: Khóa học SEO chuyên sâu – Trung tâm đào tạo SEO kỹ năng marketingonline

Google Lighthouse - Ứng dụng web tiến bộ

Lighthouse thêm Ứng dụng web tiến bộ vào khảo sát

Google Lighthouse – Khả năng tiếp cận

Đây là tính năng giúp bạn biết được trang web của mình đã được tối ưu hóa khả năng truy cập như thế nào. Ngoài ra, họ sẽ cho bạn biết rằng trang web có những vấn đề cần được cải thiện như: độ tương phản kém, cỡ chữ nhỏ, v.v.

Google Lighthouse - Khả năng tiếp cận

Lighthouse giúp đánh giá điểm Khả năng tiếp cận

Google Lighthouse – Các phương pháp hay nhất

Thực hành tốt nhất yêu cầu một số tiêu chuẩn để trang web đạt được chất lượng tốt. Vẫn sử dụng thang điểm 100, khi đạt được mốc này, website của bạn sẽ có lợi thế lớn.

Google Lighthouse - Các phương pháp hay nhất

Điểm chuẩn của Lighthouse cho Các phương pháp hay nhất

Google Lighthouse – Đánh giá SEO

Đây là mục yêu cầu bạn phải tối ưu tốt SEO với các yếu tố chính là thẻ mô tả meta, từ khóa trên tiêu đề, giảm mã, liên kết nội bộ và liên kết ngoài, v.v.

Google Lighthouse - Đánh giá SEO

Google Lighthouse – Đánh giá SEO

Các tính năng mới nhất của Google Lighthouse 3.0

Lighthouse 3.0 là phiên bản mới nhất của Google. Công cụ này giúp bạn kiểm tra, phân tích, nhanh chóng và ít sai sót hơn nhiều. Bên cạnh đó, chúng luôn được cập nhật những tính năng mới. Dưới đây là một số thông tin đáng chú ý về công cụ Lighthouse 3.0:

  • Cho kết quả kiểm tra nhanh hơn, độ chính xác cao hơn, sai số nhỏ.
  • Giao diện mới, đơn giản, thân thiện.
  • Phiên bản Node của Lighthouse 3.0 có khả năng tương thích đa cấu hình, tương tự như CLI.
  • Kết quả sau khi báo cáo có thể xuất ra tệp CSV rất tiện lợi.
  • Kiểm tra mới được thêm vào: Bức tranh có nội dung đầu tiên (báo cáo thời gian người dùng nhìn thấy phản hồi đầu tiên từ web), thay thế tệp Gif bằng video, thêm nội dung Hoạt hình, v.v.

Các tính năng mới nhất của Google Lighthouse 3.0

Các tính năng mới nhất của Google Lighthouse 3.0

Đây là tất cả thông tin về Ngọn hải đăng Google mà marketingonline Skillking tổng hợp và chia sẻ cùng bạn. Hi vọng qua bài viết các bạn sẽ áp dụng và xây dựng, tối ưu hiệu quả hơn cho website của mình. Đừng quên ghé thăm trang web của Tay nghề cao để cập nhật những kiến ​​thức hữu ích nhất về SEO và Digital Marketing.

Marketing online


Thông tin thêm

Google Lighthouse là gì? Hướng dẫn sử dụng Google Lighthouse

#Google #Lighthouse #là #gì #Hướng #dẫn #sử #dụng #Google #Lighthouse
[rule_3_plain] #Google #Lighthouse #là #gì #Hướng #dẫn #sử #dụng #Google #Lighthouse

“Google Lighthouse là gì?”, “Sử dụng công cụ Google Lighthouse có giúp ích gì cho website hay không?” là câu hỏi được rất nhiều người dùng quan tâm. Hôm nay, hãy cùng chúng tôi tìm hiểu chi tiết về công vụ này ở bài viết dưới đây.
Google Lighthouse là gì? Hướng dẫn sử dụng Google Lighthouse
Google Lighthouse là gì?

Mục lục

Google Lighthouse là gì?Cách sử dụng LighthouseCách chia sẻ và xem báo cáo trực tuyếnCác tiêu chuẩn audits của LighthouseCác tính năng mới nhất của Google Lighthouse 3.0

Lighthouse là công cụ mã nguồn tự động. Chúng được Google phát triển để đo lường, phân tích, cải thiện chất lượng và tối ưu website. Có thể nói công cụ này là toàn diện nhất của Google. Lighthouse sẽ kiểm tra toàn bộ các tiêu chí để web của bạn hoạt động ổn định và hiệu quả bao gồm: khả năng truy cập, hiệu suất, SEO, web app cùng nhiều yếu tố khác,…
Ngoài những phân tích, Lighthouse còn đưa ra những lời khuyên rát giá trị giúp bạn cải thiện web của mình.
Cách sử dụng Lighthouse
Để sử dụng Lighthouse có 3 cách thức chính bao gồm:
Chạy Lighthouse trong Chrome DevTools
Để có được báo cáo phân tích website, bạn làm theo các bước sau:

Bước 1: Bạn vào web của mình và kiểm tra bằng trình duyệt Chrome. 
Bước 2: Chọn F12 (hoặc tổ hợp Ctrl-Shift-L) mở Developer Tools. Sau đó chọn Audits.
Bước 3: Lựa chọn Perform an Audit DevTools để hiển thị danh sách Audit categories.
Bước 4: Đánh tick vào các mục bạn muốn phân tích

Đánh tick vào các mục bạn muốn phân tích

Bước 5: Click vào Run Audit, đợi từ 60-100 giây để Lighthouse hiển thị phân tích các thông tin phân tích về web.

Click vào Run Audit, để phân tích các thông tin phân tích về web
Cài đặt và chạy Node command line tool
Trước tiên, bạn cần đặt Node module theo các bước sau:

Bước 1: Download Google Chrome for Desktop.
Bước 2: Cài đặt bản Long-Term Support mới nhất của Node.

Cài đặt bản Long-Term Support mới nhất của Node

Bước 3: Tiến hành cài Lighthouse bằng lệnh “npm install -g lighthouse”.
Bước 4: Tạo Audit bằng lệnh “lighthouse <url”.
Bước 5: Hiển thị tùy chọn Audit “lighthouse –help”.

Chạy Lighthouse bằng Chrome Extension
Theo cách này bạn sử dụng Lighthouse cần làm theo các thao tác sau:

Bước 1: Vào Chrome webstore, tìm Lighthouse Chrome Extension -> Add to Chrome để cài tiện ích Lighthouse vào máy của bạn.
Bước 2: Bạn truy cập vào web bạn muốn Audit.
Bước 3: Chọn vào ký hiệu Extension Lighthouse ở góc phải thanh Chrome Address bar. Nếu chúng không hiện ra, bạn cần vào menu của Chrome để kích hoạt Extension.
Bước 4: Chọn Generate report. Lúc này Lighthouse sẽ kiểm tra website của bạn và sau đó sẽ bào kết quả.

Chọn Generate report
Kết luận: Cách 1 sử dụng Chrome DevTools vẫn nhanh chóng và hiệu quả nhất. Còn nếu cần cài đặt thì cách 3 sử dụng Chrome Extension là tối ưu nhất.
???????????? Xem thêm về: Khóa học Digital Marketing marketingonline
Cách chia sẻ và xem báo cáo trực tuyến
Bạn có thể trực tiếp vào Lighthouse Viewer để xem các báo cáo, phân tích website của bạn trực tuyến. Ngoài ra, các cách thông dụng khác như:
Chia sẻ báo cáo bằng JSON
Lighthouse Viewer cần có JSON output để chia sẻ các báo cáo, các thống kê, số liệu phân tích về web. Các hướng dẫn để lấy JSON output phụ thuộc vào Lighthouse workflow bạn đang sử dụng:

Nếu dùng trong Chrome Devtools, bạn chỉ cần chọn Download Report để tải báo cáo về.
Nếu dùng Command line, bạn cần chạy lệnh sau: “lighthouse –output json –output-path <path/for/output.json>”.
Nếu dùng Lighthouse Extension thì sau khi nhận báo cáo, bạn chọn Export -> Save as JSON.

Khi muốn xem dữ liệu phân tích, bạn mở Lighthouse Viewer trong Google Chrome. Sau đó, kéo file JSON vào trang Viewer  để hiển thị báo cáo. 
Chia sẻ báo cáo dưới dạng GitHub Gists
Ngoài báo cáo trên JSON, bạn cũng có thể xem báo cáo phân tích, thống kê website dưới dạng GitHub Gists bí mật. Các bước cần làm bao gồm:

Bước 1: Sau khi nhận được báo cáo, chọn Export -> Open In Viewer. Sau đó, báo cáo sẽ được mở trong Viewer, đường link tại đây.
Bước 2: Trong Viewer khi chọn Share, màn hình sẽ hiện cửa sổ và yêu cầu truy cập GitHub để xem và lưu dữ liệu của bạn.
Bước 3: Để có file báo cáo, Gits từ bản CLI của Lighthouse, bạn cần tạo file qua thao tác copy “từ file JSON output vào Gist”.
Bước 4: Để xem được báo cáo dạng Gist, bạn cần thêm đoạn mã “?gist=<ID>” vào URL của Viewer. Trong đó, <ID> này là ID của Gist..

Các tiêu chuẩn audits của Lighthouse
Khi kiểm tra những website đang, bạn có thể thực hiện qua localhost hoặc private server rất nhanh chóng. Các yếu tố tiêu chuẩn này bao gồm:
Google Lighthouse – Performance là gì?
Performance (hay hiệu suất của website) phụ thuộc vào rất nhiều yếu tố. Để được Lighthouse đánh giá cao, bạn cần tăng tốc độ web, Optimize images, minify CSS/Js,… Song, tăng trải nghiệm người dùng là yếu tố quan trọng nhất. 
Performance được Lighthouse đánh giá có độ chính xác cao
Google Lighthouse – Progressive Web App
Progressive Web App đang trở thành một trong những tiêu chuẩn bắt buộc của tương lai. Bởi vậy, dù hiện tại nếu bạn chưa có nguồn lực, có thể bỏ qua công đoạn này. Tuy nhiên, một số mục bắt buộc cần làm như:

Sử dụng HTTPS cho web.
Chuyển hướng traffic HTTP qua HTTPS
Nội dung phù hợp và gói gọn trong tầm nhìn của trang web.
Cần có thẻ “<meta name=”viewport”>” và hỗ trợ thay đổi Width và Scale
Gặp lỗi Javascript sẽ trả về nội dung đầy đủ.

????????????Tìm hiểu thêm về: Khóa học SEO chuyên sâu – Trung tâm đào tạo SEO marketingonline Skillking
Lighthouse thêm Progressive Web App vào việc khảo sát
Google Lighthouse – Accessibility
Đây là tính năng sẽ giúp bạn biết web của mình đã được tối ưu truy cập ra sao. Ngoài ra, chúng sẽ cho bạn biết web đang có vấn đề cần cải thiện như: độ tương phản kém, cỡ chữ nhỏ…
Lighthouse giúp đánh giá điểm của Accessibility
Google Lighthouse – Best Practices
Best Practices yêu cầu một số tiêu chuẩn để website có thể đạt được chất lượng tốt. Vẫn sử dụng thang điểm 100, khi đạt mốc này, website của bạn sẽ có ưu thế rất lớn.
Tiêu chuẩn đánh giá của Lighthouse đối với Best Practices
Google Lighthouse – Đánh giá SEO
Đây là mục yêu cầu bạn tối ưu tốt về SEO với các yếu tố chính về thẻ meta description, từ khóa trên tiêu đề, giản lược code, internal link và external link,…
Google Lighthouse – Đánh giá SEO
Các tính năng mới nhất của Google Lighthouse 3.0
Lighthouse 3.0 là phiên bản mới nhất của Google. Công cụ này giúp bạn kiểm tra, phân tích, nhanh và cho các sai số ít hơn rất nhiều. Bên cạnh đó, chúng luôn  được cập nhật các tính năng mới. Dưới đây là một số thông tin đáng chú ý về công cụ Lighthouse 3.0:

Cho kết quả kiểm tra nhanh hơn, độ chính xác cao hơn, sai số nhỏ.
Giao diện mới, đơn giản, thân thiện.
Phiên bản Node của Lighthouse 3.0 có tương thích cấu hình đa dạng, tương tự CLI.
Kết quả sau khi báo cáo có thể xuất ra file CSV tiện lợi.
Bổ sung Audit mới: First Contentful Paint (báo cáo thời gian người dùng thấy phản hồi đầu tiên từ web), thay thế file Gif bằng video, có thêm Animated content,…

Các tính năng mới nhất của Google Lighthouse 3.0
Trên đây là toàn bộ thông tin về Google Lighthouse mà marketingonline Skillking tổng hợp và chia sẻ với bạn. Mong rằng qua bài viết, các bạn sẽ áp dụng và xây dựng, tối ưu hiệu quả hơn cho website của mình. Đừng quên truy cập website của Skillking  để cập nhật những kiến thức hữu ích nhất về SEO và Digital Marketing.

#Google #Lighthouse #là #gì #Hướng #dẫn #sử #dụng #Google #Lighthouse
[rule_2_plain] #Google #Lighthouse #là #gì #Hướng #dẫn #sử #dụng #Google #Lighthouse
[rule_2_plain] #Google #Lighthouse #là #gì #Hướng #dẫn #sử #dụng #Google #Lighthouse
[rule_3_plain]

#Google #Lighthouse #là #gì #Hướng #dẫn #sử #dụng #Google #Lighthouse

“Google Lighthouse là gì?”, “Sử dụng công cụ Google Lighthouse có giúp ích gì cho website hay không?” là câu hỏi được rất nhiều người dùng quan tâm. Hôm nay, hãy cùng chúng tôi tìm hiểu chi tiết về công vụ này ở bài viết dưới đây.
Google Lighthouse là gì? Hướng dẫn sử dụng Google Lighthouse
Google Lighthouse là gì?

Mục lục

Google Lighthouse là gì?Cách sử dụng LighthouseCách chia sẻ và xem báo cáo trực tuyếnCác tiêu chuẩn audits của LighthouseCác tính năng mới nhất của Google Lighthouse 3.0

Lighthouse là công cụ mã nguồn tự động. Chúng được Google phát triển để đo lường, phân tích, cải thiện chất lượng và tối ưu website. Có thể nói công cụ này là toàn diện nhất của Google. Lighthouse sẽ kiểm tra toàn bộ các tiêu chí để web của bạn hoạt động ổn định và hiệu quả bao gồm: khả năng truy cập, hiệu suất, SEO, web app cùng nhiều yếu tố khác,…
Ngoài những phân tích, Lighthouse còn đưa ra những lời khuyên rát giá trị giúp bạn cải thiện web của mình.
Cách sử dụng Lighthouse
Để sử dụng Lighthouse có 3 cách thức chính bao gồm:
Chạy Lighthouse trong Chrome DevTools
Để có được báo cáo phân tích website, bạn làm theo các bước sau:

Bước 1: Bạn vào web của mình và kiểm tra bằng trình duyệt Chrome. 
Bước 2: Chọn F12 (hoặc tổ hợp Ctrl-Shift-L) mở Developer Tools. Sau đó chọn Audits.
Bước 3: Lựa chọn Perform an Audit DevTools để hiển thị danh sách Audit categories.
Bước 4: Đánh tick vào các mục bạn muốn phân tích

Đánh tick vào các mục bạn muốn phân tích

Bước 5: Click vào Run Audit, đợi từ 60-100 giây để Lighthouse hiển thị phân tích các thông tin phân tích về web.

Click vào Run Audit, để phân tích các thông tin phân tích về web
Cài đặt và chạy Node command line tool
Trước tiên, bạn cần đặt Node module theo các bước sau:

Bước 1: Download Google Chrome for Desktop.
Bước 2: Cài đặt bản Long-Term Support mới nhất của Node.

Cài đặt bản Long-Term Support mới nhất của Node

Bước 3: Tiến hành cài Lighthouse bằng lệnh “npm install -g lighthouse”.
Bước 4: Tạo Audit bằng lệnh “lighthouse <url”.
Bước 5: Hiển thị tùy chọn Audit “lighthouse –help”.

Chạy Lighthouse bằng Chrome Extension
Theo cách này bạn sử dụng Lighthouse cần làm theo các thao tác sau:

Bước 1: Vào Chrome webstore, tìm Lighthouse Chrome Extension -> Add to Chrome để cài tiện ích Lighthouse vào máy của bạn.
Bước 2: Bạn truy cập vào web bạn muốn Audit.
Bước 3: Chọn vào ký hiệu Extension Lighthouse ở góc phải thanh Chrome Address bar. Nếu chúng không hiện ra, bạn cần vào menu của Chrome để kích hoạt Extension.
Bước 4: Chọn Generate report. Lúc này Lighthouse sẽ kiểm tra website của bạn và sau đó sẽ bào kết quả.

Chọn Generate report
Kết luận: Cách 1 sử dụng Chrome DevTools vẫn nhanh chóng và hiệu quả nhất. Còn nếu cần cài đặt thì cách 3 sử dụng Chrome Extension là tối ưu nhất.
???????????? Xem thêm về: Khóa học Digital Marketing marketingonline
Cách chia sẻ và xem báo cáo trực tuyến
Bạn có thể trực tiếp vào Lighthouse Viewer để xem các báo cáo, phân tích website của bạn trực tuyến. Ngoài ra, các cách thông dụng khác như:
Chia sẻ báo cáo bằng JSON
Lighthouse Viewer cần có JSON output để chia sẻ các báo cáo, các thống kê, số liệu phân tích về web. Các hướng dẫn để lấy JSON output phụ thuộc vào Lighthouse workflow bạn đang sử dụng:

Nếu dùng trong Chrome Devtools, bạn chỉ cần chọn Download Report để tải báo cáo về.
Nếu dùng Command line, bạn cần chạy lệnh sau: “lighthouse –output json –output-path <path/for/output.json>”.
Nếu dùng Lighthouse Extension thì sau khi nhận báo cáo, bạn chọn Export -> Save as JSON.

Khi muốn xem dữ liệu phân tích, bạn mở Lighthouse Viewer trong Google Chrome. Sau đó, kéo file JSON vào trang Viewer  để hiển thị báo cáo. 
Chia sẻ báo cáo dưới dạng GitHub Gists
Ngoài báo cáo trên JSON, bạn cũng có thể xem báo cáo phân tích, thống kê website dưới dạng GitHub Gists bí mật. Các bước cần làm bao gồm:

Bước 1: Sau khi nhận được báo cáo, chọn Export -> Open In Viewer. Sau đó, báo cáo sẽ được mở trong Viewer, đường link tại đây.
Bước 2: Trong Viewer khi chọn Share, màn hình sẽ hiện cửa sổ và yêu cầu truy cập GitHub để xem và lưu dữ liệu của bạn.
Bước 3: Để có file báo cáo, Gits từ bản CLI của Lighthouse, bạn cần tạo file qua thao tác copy “từ file JSON output vào Gist”.
Bước 4: Để xem được báo cáo dạng Gist, bạn cần thêm đoạn mã “?gist=<ID>” vào URL của Viewer. Trong đó, <ID> này là ID của Gist..

Các tiêu chuẩn audits của Lighthouse
Khi kiểm tra những website đang, bạn có thể thực hiện qua localhost hoặc private server rất nhanh chóng. Các yếu tố tiêu chuẩn này bao gồm:
Google Lighthouse – Performance là gì?
Performance (hay hiệu suất của website) phụ thuộc vào rất nhiều yếu tố. Để được Lighthouse đánh giá cao, bạn cần tăng tốc độ web, Optimize images, minify CSS/Js,… Song, tăng trải nghiệm người dùng là yếu tố quan trọng nhất. 
Performance được Lighthouse đánh giá có độ chính xác cao
Google Lighthouse – Progressive Web App
Progressive Web App đang trở thành một trong những tiêu chuẩn bắt buộc của tương lai. Bởi vậy, dù hiện tại nếu bạn chưa có nguồn lực, có thể bỏ qua công đoạn này. Tuy nhiên, một số mục bắt buộc cần làm như:

Sử dụng HTTPS cho web.
Chuyển hướng traffic HTTP qua HTTPS
Nội dung phù hợp và gói gọn trong tầm nhìn của trang web.
Cần có thẻ “<meta name=”viewport”>” và hỗ trợ thay đổi Width và Scale
Gặp lỗi Javascript sẽ trả về nội dung đầy đủ.

????????????Tìm hiểu thêm về: Khóa học SEO chuyên sâu – Trung tâm đào tạo SEO marketingonline Skillking
Lighthouse thêm Progressive Web App vào việc khảo sát
Google Lighthouse – Accessibility
Đây là tính năng sẽ giúp bạn biết web của mình đã được tối ưu truy cập ra sao. Ngoài ra, chúng sẽ cho bạn biết web đang có vấn đề cần cải thiện như: độ tương phản kém, cỡ chữ nhỏ…
Lighthouse giúp đánh giá điểm của Accessibility
Google Lighthouse – Best Practices
Best Practices yêu cầu một số tiêu chuẩn để website có thể đạt được chất lượng tốt. Vẫn sử dụng thang điểm 100, khi đạt mốc này, website của bạn sẽ có ưu thế rất lớn.
Tiêu chuẩn đánh giá của Lighthouse đối với Best Practices
Google Lighthouse – Đánh giá SEO
Đây là mục yêu cầu bạn tối ưu tốt về SEO với các yếu tố chính về thẻ meta description, từ khóa trên tiêu đề, giản lược code, internal link và external link,…
Google Lighthouse – Đánh giá SEO
Các tính năng mới nhất của Google Lighthouse 3.0
Lighthouse 3.0 là phiên bản mới nhất của Google. Công cụ này giúp bạn kiểm tra, phân tích, nhanh và cho các sai số ít hơn rất nhiều. Bên cạnh đó, chúng luôn  được cập nhật các tính năng mới. Dưới đây là một số thông tin đáng chú ý về công cụ Lighthouse 3.0:

Cho kết quả kiểm tra nhanh hơn, độ chính xác cao hơn, sai số nhỏ.
Giao diện mới, đơn giản, thân thiện.
Phiên bản Node của Lighthouse 3.0 có tương thích cấu hình đa dạng, tương tự CLI.
Kết quả sau khi báo cáo có thể xuất ra file CSV tiện lợi.
Bổ sung Audit mới: First Contentful Paint (báo cáo thời gian người dùng thấy phản hồi đầu tiên từ web), thay thế file Gif bằng video, có thêm Animated content,…

Các tính năng mới nhất của Google Lighthouse 3.0
Trên đây là toàn bộ thông tin về Google Lighthouse mà marketingonline Skillking tổng hợp và chia sẻ với bạn. Mong rằng qua bài viết, các bạn sẽ áp dụng và xây dựng, tối ưu hiệu quả hơn cho website của mình. Đừng quên truy cập website của Skillking  để cập nhật những kiến thức hữu ích nhất về SEO và Digital Marketing.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Back to top button