Danh mục bài viết

Google Pagespeed Insights và 7 cách tối ưu hiệu suất website với PageSpeed Insight hiệu quả nhất

Khái niệm về công cụ Google Pagespeed Insights. Nó được dùng để làm gì? Đây là các câu hỏi được khá nhiều người dùng quan tâm. Đây là công cụ của Google giúp bạn đánh giá được chất lượng website của mình dựa trên những tiêu chuẩn đánh giá của Google. Bài viết sau đây sẽ cung cấp thêm những thông tin cần thiết cho bạn về công cụ này.

Pagespeed Insights là gì?

Google Pagespeed là gì

Pagespeed Insights là một công cụ dùng để báo cáo cho bạn về hiệu suất thực tế của trang trên các thiết bị di động và máy tính để bàn. Bên cạnh đó công cụ này cũng cung cấp các đề xuất giúp website đó được tối ưu hơn. Nó cho biết trang web của bạn hoạt động tốt như thế nào trên Báo cáo UX của Chrome và đề xuất tối ưu hóa hiệu suất.

Để sử dụng công cụ, bạn chỉ cần truy cập vào đường link

https://developers.google.com/speed/pagespeed/insights/

Sau đó bạn điền tên website muốn kiểm tra vào khung trống

Sau khi kiểm tra xong sẽ hiển thị một giao diện đánh giá với thang điểm là 100.

Pagespeed Insights cung cấp loại thông tin nào về website

Speed score

speed core

Dữ liệu trường (Field Data)

dữ liệu trường

Field data dựa trên trải nghiệm người dùng thực tế của người dùng Chrome trong vòng ít 28 ngày

Lab Data (dữ liệu thử nghiệm)

dữ liệu thử nghiệm

Lab Data dựa trên số liệu phân tích từ Lighthouse trên thiết bị di động, mạng di động

Opportunities (cơ hội)

cơ hội pagespeed

Phần Opportunities bao gồm các đề xuất về hiệu suất, qua đó giúp cải thiện thời gian tải trang.

Mỗi đề xuất sẽ có cả ước tính thời gian tải thực tế để bạn sử dụng làm thông số so sánh.

Diagnostics (chuẩn đoán)

chuẩn đoán pagespeed

Passed audits (số lần kiểm tra đạt yêu cầu)

số lần kiểm tra đạt yêu cầu

Điểm số trên Google PageSpeed Insights được tính như thế nào?

Kết quả trên Google PageSpeed Insights được dựa trên Lighthouse API.

Tuy nhiên việc này không ảnh hưởng gì đến điểm số tốc độ web được hiển thị trên PageSpeed dựa trên lab data và phân tích bởi Lighthouse

  • Lighthouse sẽ đề xuất ra điểm hiệu suất trong khoảng từ 0 đến 100. 
  • Điểm 0 cho thấy web xuất hiện rất nhiều lỗi, còn 100 là điểm cao nhất tương đương với các website thuộc top đứng đầu về hiệu suất.
  • Điểm 50 sẽ là những web có chất lượng khá tốt, đứng ở giữa.

Theo thông tin từ Google, chỉ các item từ phần chỉ số trong danh mục Performance mới có ảnh hưởng về điểm số. Các đề xuất có trong phần Diagnostic, Opportunities sẽ không có ảnh hưởng nhiều. 

Mục Performance trong Lighthouse sẽ có tới 6 chỉ số khác nhau

performance

Mỗi loại đều có điểm số đi kèm. Lighthouse sẽ xem xét những điểm này để đưa ra đánh giá hiệu suất. Tùy thuộc vào số điểm thì sẽ có một màu cụ thể

  • 0 đến 49 (chậm): Đỏ
  • 50 đến 89 (trung bình): Cam
  • 90 đến 100 (nhanh): Xanh

Pagespeed Insights có ảnh hưởng gì tới SEO?

Chú ý rằng điểm số Google Pagespeed Insights không ảnh hưởng tới xếp hạng trên Google. Nó hầu như không nói lên điều gì về SEO cả.

Tuy nhiên có một sự liên quan mật thiết giữa cách tính điểm trên trang và thứ hạng xếp hạng trên SERP.

Điểm số Pagespeed là kết quả từ việc phân tích hiệu suất tổng thể dựa trên các số liệu. Điểm này càng cao thì hiệu suất trang đó càng tốt. Nếu website load nhanh và cung cấp trải nghiệm tốt cho người dùng thì điểm PageSpeed sẽ tăng. Google sẽ chú ý đến những trang web có tốc độ cao, điều này ảnh hưởng đến SERP.

Một số tiêu chuẩn đánh giá của công cụ Google Pagespeed Insights

Khi đánh giá một trang web đã được tối ưu hay chưa, Pagespeed Insights cũng có những tiêu chuẩn cụ thể để căn cứ và đánh giá. Cụ thể là:

  • Cần hạn chế sử dụng chuyển hướng ở trang đích đến.
  • Nên kích hoạt chức năng nén dữ liệu trước khi gửi về trình duyệt.
  • Thời gian trả lời của máy chủ nên được thực hiện nhanh nhất có thể.
  • Cải thiện việc lưu trữ bộ nhớ cache ở trình duyệt
  • Thực hiện việc giải nén các tài nguyên CSS và Javascript trên website
  • Thực hiện việc nén hình ảnh để giảm dung lượng
  • Tối ưu hóa việc chèn các thư mục CSS vào website
  • Thiết lập các thứ tự ưu tiên nội dung trong trang web của bạn.
  • Bỏ chặn Javascript và CSS khi bạn có ý định tải trang

Cách tối ưu hiệu suất cho website với Pagespeed Insights

Dùng phương pháp giải nén cho server

Việc giải nén cho server bằng PageSpeed Insights sẽ giúp người dùng phát hiện các tài nguyên của web được nén từ server khi truyền qua các HTTP requests. Điều này giúp tiết kiệm băng thông khi truyền tải dữ liệu, từ đó tăng tốc độ tải xuống của trang web.

Giảm thiểu tài nguyên trên website

Người quản trị cần loại bỏ những comment trong code, xóa các đoạn code không cần thiết. Sau đó đặt tên cho các biến và hàm ngắn hơn, xóa các dòng trắng không dùng tới để hạn chế tiêu tốn tài nguyên.

GIảm thời gian phản hồi lại của server chính

Khi thời gian phản hồi của máy chủ nhanh hơn 200m/s, công cụ này sẽ phát hiện và thông báo đến người dùng. Việc của người dùng lúc này là sử dụng các server chất lượng hơn để nâng cao website của mình.

Tối ưu Javascript trong website

Để tối ưu Javascript trên website, công cụ sẽ kích hoạt dựa trên việc kết xuất một website được xây dựng bởi DOM tree thông qua việc phân tích dữ liệu HTML. Việc này sẽ được thực hiện khi HTML không gọi Javascript trong phần đầu tiên của trang xuất hiện trên màn hình. 

Loại bỏ CSS chặn các hiển thị trong nội dung

Quy tắc này sẽ được kích hoạt khi PageSpeed Insights phát hiện rằng HTML không gọi CSS bên ngoài đang bị chặn, tương tự như JavaScript chặn hiển thị.

Sử dụng bộ nhớ đệm trình duyệt (browser cache)

Các trình duyệt cache chứa rất nhiều thông tin (stylesheets, hình ảnh, file Javascripts,…) để khi một người truy cập quay lại website, trình duyệt không phải tải lại toàn bộ trang.

Tối ưu hóa kích thước của hình ảnh

Tối ưu hóa hình ảnh là một thao tác cần thiết khi xây dựng một trang web thân thiện và dễ dàng tiếp cận với các đối tượng khách hàng. Công cụ Pagespeed Insights sẽ phát hiện và đưa ra thông báo khi hình ảnh trên trang web chưa đạt yêu cầu. Đồng thời yêu cầu người quản trị phải tiến hành tối ưu hóa nhằm giảm bớt dung lượng, nhưng phải đảm không ảnh hưởng đến chất lượng hình ảnh.

Kết luận

Google PageSpeed Insights là một công cụ hữu hiệu mà bạn nên sử dụng để biết được tình trạng hiệu suất website của mình, từ đó đưa ra những giải pháp để tối ưu hóa website. Công cụ này sẽ giúp ích rất nhiều trong quá trình phát triển website nếu bạn biết sử dụng nó một cách hợp lý. Chúc các bạn thành công!