Hotline : 07 088 44444
Thích
Chia sẻ

PageSpeed Insights là gì? Nó hoạt động như thế nào?

10/03/2021

Để mang đến trải nghiệm tốt cho khách truy cập, việc liên tục hoàn thiện website là vô cùng cần thiết. PageSpeed Insights là một công cụ đánh giá chi tiết hiệu năng website. Vậy cụ thể PageSpeed Insights là gì & nó hoạt động thế nào?

Bài viết sau sẽ cung cấp cho bạn các kiến thức cốt lõi của PageSpeed Insights, hiểu cách hoạt động của hệ thống. Cùng với đó là hiểu biết về những thông số được đánh giá, đo lường.

Google PageSpeed Insights là gì?

PageSpeed Insights (PSI) là công cụ đo lường hiệu suất của một website trên cả thiết bị di động lẫn máy tính. Sau đó nó sẽ cung cấp các đề xuất để cải thiện trang đó. Nhờ vào danh tiếng của Google, PSI đang ngày càng trở nên phổ biến kể từ khi ra mắt vào năm 2013.

PageSpeed Insight là gì?
PageSpeed Insight là gì?

PageSpeed Insight là một công cụ do Google phát triển. Đây là công cụ được các cá nhân đến các chuyên gia đều sử dụng để kiểm tra và tối ưu hiệu suất web dựa trên những tiêu chí đánh giá từ Google. Khi sử dụng PSI các bạn có thể đo lường và các chỉ số báo cáo trên di động và máy tính. Ngoài ra, nó còn cung cấp những đề xuất thông qua các báo cáo UX chủa Chorome.

Kể từ năm 2018, PSI được cung cấp bởi Lighthouse. Do đó, kết quả trong các báo cáo PSI đều được dựa trên API Lighthouse. Khi tiến hành quét một trang, PageSpeed cung cấp hai loại dữ liệu về nó: Lab dataField data.

Lab data

Được thu thập trong một môi trường được kiểm soát, gồm một tập hợp các thiết bị và thiết lập mạng được định trước. Lab data hiệu quả khi debug các vấn đề liên quan đến hiệu suất và test khả năng refactor. Tuy nhiên, nó không phải là một lựa chọn tốt để giải quyết các vấn đề nghẽn cổ chai.

Field data

Field data (hay Real User Monitoring – RUM) bao gồm performance data đến từ các lần tải trang thực. Kiểu dữ liệu này hiệu quả để ghi lại trải nghiệm thực từ người dùng. Tuy nhiên, bộ chỉ số cũng như khả năng debug còn tương đối hạn chế.

Tiêu chí đánh giá của Google PageSpeed Insight là gì?

PageSpeed Insight có những tiêu chí đánh giá tiêu chuẩn như:

  • CSS JavaScript phải được giải giải nén hoặc lược bỏ những tài nguyên không cần thiết trên trang.
  • Nén dung lượng hình ảnh để giảm dung lượng tải trang trên trang web.
  • Kích hoạt chức năng compress dữ liệu trước khi phản hồi về trình duyệt.
  • Hạn chế redirect ở trang đích.
  • Bỏ chế độ chặn CSS và JavaScript trước khi tải trang.
  • Thời gian trả lời từ server nhanh….

PageSpeed cung cấp thông tin gì về trang?

Khi người dùng yêu cầu PageSpeed Insights phân tích một trang, nó sẽ trả về các phần và chỉ số khác nhau về hiệu suất của trang đó. Trình tự xuất hiện theo đó là:

Speed Score – Điểm tốc độ

Speed Score là điểm tốc độ và nó được tính dựa trên Lighthouse lab.

Speed Score
Speed Score

Field Data – Số liệu thực

Dựa trên trải nghiệm thực tế từ người dùng Chrome (trong 30 ngày). Nó bao gồm cả First Contenful Paint (FCP) và First Input Delay (FID).

Field data
Field data

Lab data – Dữ liệu Lab

Dựa trên phân tích từ Lighthouse trên thiết bị di động giả lập và mạng di động.

Lab Data
Lab Data

Opportunities – Đề xuất cải thiện trang

Bao gồm các đề xuất về chỉ số hiệu suất có thể cải thiện thời gian tải trang. Mỗi đề xuất bao gồm ước tính thời gian tải mà trang có thể tiết kiệm được khi triển khai đề xuất.

Opportunities pagespeed insight
Opportunities

Diagnostics – Chẩn đoán

Cung cấp các gợi ý về những phương pháp tốt nhất để phát triển web nên được thêm vào trang.

Diagnostics pagespeed insight
Diagnostics

Passed audits – Đạt yêu cầu

Bao gồm tất cả các kiểm tra hiệu suất mà trang đã đã ứng mà không cần can thiệp.

Passed Audits
Passed Audits

Trong đó, một số tính năng ưu việt góp phần tạo nên sự nổi tiếng của PSI có thể kể đến như:

  • Speed Score (0 – 100): đưa ra chỉ số tức thời, đánh giá hiệu năng của trang web.
  • Sơ đồ màu (xanh, cam, đỏ) giúp dễ dàng xác định, ưu tiên các vấn đề ảnh hưởng đến hiệu năng của trang web.
  • Các đề xuất cung cấp phản hồi trực tiếp về những gì bạn nên sửa chữa trên trang web để cải thiện hiệu suất.

Điểm PSI được tính như thế nào?

Như đã đề cập ở trên, kết quả PageSpeed được cung cấp bởi API Lighthouse. Trong đó, các điểm số về tốc độ trang cũng được phân tích bởi nó. Điều quan trọng nhất là Lighthouse mô phỏng page load trong một môi trường cụ thể. Có thể là mạng di động hay các thiết bị hạng trung.

Tài liệu của Google về tính năng cho điểm của Lighthouse rất chính xác. Từ đó, ta có thêm hiểu biết về cách tính điểm, đánh giá của PSI:

Lighthouse trả về điểm hiệu suất nằm từ 0 đến 100. Với 0 là điểm thấp nhất. Điểm 0 thường chỉ ra lỗi trong Lighthouse […] 100 là điểm cao nhất có thể đạt.

Google chỉ rõ rằng các mục trong phần Chỉ số của mục Lighthouse’s Performance mới đóng góp vào điểm số. Ngoài ra, các khuyến nghị xuất hiện trong Diagnostics và Opportunities không ảnh hưởng đến điểm số.

Trong Lighthouse 6 (ra mắt vào tháng 5/2020), điểm số được đánh giá theo 6 tiêu chí:

  • First Contenful Paint (FCP).
  • Thời gian tương tác.
  • Speed Index.
  • Largest Contenful Paint (LCP).
  • Total Blocking Time.
  • Cumulative Layout Shift (CLS).

So với phiên bản số 5, Lighthouse 6 đã loại bỏ hai tiêu chí First Meaningful Paint và First CPU Idle. Thay vào đó là hai mục LCP, Total Blocking Time và CLS.

Dựa vào thang điểm được đưa ra, kết quả sẽ được hiển thị theo bảng màu như sau:

  • 0 – 49 (chậm): Màu đỏ.
  • 50 – 89 (trung bình): Màu cam.
  • 90 – 100 (nhanh): Màu xanh.

Điểm số tốt cho PageSpeed Insights là gì?

Hiện nay, không khó để tìm thấy các bài viết về mẹo đạt 100/100 điểm trên Google PageSpeed. Tuy nhiên, sau khi hiểu về cách chấm điểm, có thể thấy việc đạt số điểm tuyệt đối là rất khó. Hơn nữa, tính năng ưu tiên lập chỉ mục trên thiết bị dị động cũng làm việc này khó khăn hơn.

Ngoài ra, mặc dù đạt điểm số “xanh rờn” trên PSI phần nào thỏa mãn người sử dụng. Nhưng liệu điểm số có thật sự ý nghĩa như vậy đối với website?

Hiện nay có khá nhiều mẹo để đạt được điểm số tốt trên PSI. Bạn có thể áp dụng các kỹ thuật tối ưu hóa như delay các file JS không quan trọng hoặc các CSS không dùng đến …

Nhưng liệu như vậy có đủ?

Chỉ số thực sự cho chất lượng trang web

Thực tế, chỉ số quan trọng nhất lại là thời gian tải trang. Thời gian tải trang càng thấp, điểm tổng thể PSI càng tăng.

Mối liên hệ giữa SEO và PageSpeed Insights là gì?

Điểm PSI mà trang đạt được sẽ không ảnh hưởng đến xếp hạng của Google. Bởi vì điểm số đó không phải là chỉ số duy nhất cho việc đánh giá điểm SEO. Vì vậy, không có mối tương quan trực tiếp giữa điểm số của trang web với vị trí mà nó đạt được trong SERP.

Tuy nhiên, điểm PSI là kết quả của phân tích hiệu suất tổng thể trên các chỉ số cụ thể. Với số điểm tốt, bạn có thể cho rằng trang web của mình đang ở một trạng thái tốt. Điểm số tốt là một chỉ số giúp trang web của bạn có vị trí tốt hơn trong mắt Google. Mặc dù nó sẽ không đảm bảo chiến thắng trong cuộc đua đến đỉnh của SERP.

Hơn nữa, hệ thống tính điểm của Lighthouse thúc đẩy bạn tăng tốc độ trang web. Đồng thời cải thiện trải nghiệm của người dùng, từ đó giúp trang web của bạn dễ dàng “lọt vào mắt xanh” của Google hơn.

Tóm lại, bạn nên nỗ lực tập trung vào việc đảm bảo trang web của mình tải nhanh nhất có thể. Tốc độ trang mới chính là yếu tố xếp hạng thực sự, không phải điểm số!

Nếu bạn có thắc mắc hay có vấn đề cần hỗ trợ, bạn có thể liên hệ trực tiếp với Vietnix thông qua các kênh sau:
  • Hotline: 1800 1093 - 07 088 44444
  • Email: support@vietnix.vn
  • Hoặc chat trực tiếp với Vietnix thông qua biểu tượng Livechat ở góc phải màn hình. Đội ngũ chuyên viên của chúng tôi luôn sẵn sàng tư vấn và hỗ trợ bạn 24/7.
Vietnix hiện đang có chương trình khuyến mãi lớn nhất trong năm, giảm giá TRỌN ĐỜI: Đăng ký dùng thử ngay và Vietnix sẽ hoàn tiền 100% nếu quý khách không hài lòng với chất lượng sản phẩm, dịch vụ!
Mình là Bo - admin của Quản Trị Linux. Mình đã có 10 năm làm việc trong mảng System, Network, Security và đã trải nghiệm qua các chứng chỉ như CCNP, CISSP, CISA, đặc biệt là chống tấn công DDoS. Gần đây mình trải nghiệm thêm Digital Marketing và đã hòan thành chứng chỉ CDMP của PersonVUE. Mình rất thích được chia sẻ và hỗ trợ cho mọi người, nhất là các bạn sinh viên. Hãy kết nối với mình nhé!
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments