Cách Tối Ưu 100 Điểm Theo 4 Tiêu Chí Của Google Lighthouse

ECShop Lab6 tháng trước390 lượt xem

Lighthouse là một công cụ audits web mới của Google. Vậy công cụ hữu ích này có gì mới, giúp ích gì cho website của bạn? Cùng tìm hiểu về nó nhé !

Google Lighthouse là gì ?

Google Lighthouse là một công cụ toàn diện được Google tạo ra để góp phần phân tích, đánh giá và đưa ra các giải pháp để tối ưu website hiệu quả nhất. Để đánh giá website, công cụ này sẽ dựa trên nhiều tiêu chí khác nhau như: hiệu suất hoạt động của web, khả năng truy cập web, các ứng dụng trên web, khả năng SEO v.v…và một số những tiêu chí nhất định khác. Từ các đánh giá cụ thể này, Google Lighthouse sẽ đưa ra lời khuyên giúp bạn khắc phục nhanh những mặt còn hạn chế, nâng cao, cải thiện chất lượng của website. 

Tối Ưu Google Lighthouse

Thành quả tối ưu trang chủ Google Lighthouse

Tại thời điểm bài viết này ECShop đã thực hiện thành công 4 tiêu chí đạt 100% điểm như hình trên háo hức muốn chia sẽ cho các bạn cùng thực hiện.

Làm Sao Để Tối Ưu Đạt 100 Điểm Google Lighthouse ?

Có lẽ bạn đang vô cùng thắc mắc vậy liệu công cụ này sẽ đánh giá web của mình trên những tiêu chí nào đúng không? Để đánh giá mức độ thân thiện của website trên công cụ tìm kiếm  Google Lighthouse sẽ dựa trên những tiêu chí như sau:

Performance

Performance chính là hiệu suất của website, để đánh giá được tiêu chí này, cần dựa trên nhiều yếu tố như back-end và front-end. Nếu muốn nhận được điểm đáng giá cao, bạn cần chú ý đến Optimize images, minify Html/Css/Js, Gzip, HTTP Cache, tăng tốc độ website...

Performacne google lighthouse

Performance chia làm 6 tiêu chí nhỏ và cận sự kết hợp giữa kỹ năng lập trình, thuật toán xử lí, tối ưu hệ thống Code và cấu hình Server VPS, Hosting mà website đang chạy.

Accessibility

Với tiêu chí Accessibility của Lighthouse bạn sẽ biết được liệu web của mình đã được tối ưu khả năng truy cập hay chưa, với các đánh giá cụ thể theo thang điểm bạn sẽ cân nhắc xem liệu yếu tố nào cần phải cải thiện.

Accessibility Goolge Lighthouse

Best Practices

Tương tự như các tiêu chí đã được nêu, Best Practices là yếu tố quan trọng để Lighthouse đánh giá website của bạn. Best Practice yêu cầu website của bạn phải đạt được một số tiêu chuẩn bắt buộc.

Best Practices Lighthouse

SEO

Lighthouse có thể đánh giá SEO của web dựa trên một số tiêu chí: cách đặt, mật độ phân bố từ khóa, sử dụng external link, internal link,…

SEO Google Lighthouse

Progressive Web App

Progressive Web App là một nhóm các kỹ thuật tạo ra trải nghiệm tốt hơn cho người dùng dựa trên nền tảng web. Cho phép người dùng trải nghiệm tốt hơn trên thiết bị điện thoại, cung cấp nhiều tính năng khác nhau như: khả năng ngoại tuyến, đẩy thông báo, lưu trữ cục bộ tài nguyên. 

Progressive Web App

"Tất Cả Những Gì Bạn Cần Làm Là Báo Theo Các Cảnh Báo Đỏ, Vàng Mà Lighthouse Chỉ Ra ==> Giải Quyết Nó "

Chỉ một câu ngắn gọn như trên thôi, bạn bám theo và kiên nhẫn fix từng tiêu chí một, có vấn đề ở đâu thì Lighthouse chỉ rõ tường tận

Cách sử dụng công cụ đo lường Google Lighthouse

Công cụ này cho phép người dùng tích hợp và sử dụng qua 3 cách khác nhau: trong Chrome Dev Tool, Chrome Extension hoặc tại trang web của Lighthouse hoặc trên trình duyệt Microsoft Edge dùng nhân Chromium nên mặc định có trang bị.

Để nhận những phân tích, đánh giá từ Google Lighthouse cho website khi chạy trong Chrome DevTools, bạn cần thực hiện các bước như:

dev tool lighthouse

Bước 1.Vào Google Chrome và truy cập vào địa chỉ website bạn đang muốn kiểm tra.
Bước 2. Nhấn tổ hợp phím Ctrl – Shift – I hoặc phím F12để mở và chọn tab Lighthouse.
Bước 3. Chọn các mục bạn muốn phân tích bằng cách đánh dấu tích.
Bước 4.Chọn Generate Report, đợi khoảng 1 phút bạn sẽ nhanh chóng nhận được kết quả phân tích.

Cách tối ưu Lighthouse

Bạn bám theo những dòng được đánh dấu Đỏ như hình trên, dịch ra tìm hiểu cách sửa nó bằng cách click liên kết Learn more và kết hợp Google Dịch nhé

Cách tối ưu Code Tăng Tốc độ load cho Trang Web

Để tối ưu được tốc độ load page của website phụ thuộc vào cả cách code của lập trình viên và cách làm content hình ảnh, video.

Bí kíp thì nhiều như: Bật Gzip, nèn Html, Js, Css, HTTP Cache, tối ưu kích thước và dung lượng hình ảnh sử dụng trên trang web NHƯNG để làm được cần sử phối hợp chặt chẻ giữa Coder và Contener. Trước hết bạn có cần có bộ Soucre Code tốt hỗ trợ các vấn đề trên ví dụ như ECShop.

Hãy liên hệ ngay với ECShop Lab để được tư vấn về Code nhé !

 

Kết Luận

Câu hỏi Google Lighthouse là gì ? Làm Thế Nào Để Đạt 100 Điểm Google Lighthouse ? Có lẻ phần nào đã được giải đáp, giúp bạn có cái nhìn tổng quan hơn về Lighthouse để đưa ra quyết định tối ưu Website một cách chính xác mang liệu hiệu quả cho SEO và Marketing Online, Tăng tỉ lệ chuyển đổi giúp website có thứ hạng cao trên bảng xếp hạng tìm kiếm Google. Trong các bài viết sau ECShop Lab sẽ đi phân tích chi tiết từng tiêu chí một một cách cụ thể hơn nhé, cùng chờ đón.