PageSpeed Insights (PSI) là một công cụ giúp các nhà phát triển web hiểu được hiệu suất của một trang và cách cải thiện hiệu suất đó. Công cụ này sử dụng Lighthouse để kiểm tra trang và xác định các cơ hội cải thiện hiệu suất. Báo cáo này cũng tích hợp với Báo cáo trải nghiệm người dùng trên Chrome (CrUX) để cho thấy tổng hợp cách người dùng thực trải nghiệm trang và nguồn gốc. Trong hướng dẫn này, hãy tìm hiểu cách sử dụng PSI để trích xuất thông tin chi tiết từ CrUX và hiểu rõ hơn về trải nghiệm người dùng.
Đọc dữ liệu
Để bắt đầu, hãy truy cập vào https://pagespeed.web.dev/, nhập URL của trang bạn muốn kiểm tra rồi nhấp vào Analyze (Phân tích).
Sau vài giây, Lighthouse kiểm tra sẽ được thực hiện và bạn sẽ thấy các phần với dữ liệu từ CrUX ("Khám phá những gì người dùng thực sự của bạn đang trải qua") và Lighthouse ("Chẩn đoán các vấn đề về hiệu suất"). CrUX là tập hợp các trải nghiệm thực tế của người dùng trong hiện trường, còn Lighthouse là một thử nghiệm có kiểm soát trong phòng thí nghiệm.
Trong phần trải nghiệm người dùng thực, các chỉ số được nhóm theo Chỉ số quan trọng chính của trang web và các chỉ số đáng chú ý khác. Ba chỉ số Core Web Vitals được liệt kê trước tiên: Thời gian hiển thị nội dung lớn nhất (LCP), Số lượt tương tác đến lượt hiển thị tiếp theo (INP) và Mức thay đổi bố cục tích luỹ. Theo sau là các chỉ số đáng chú ý khác: Nội dung đầu tiên hiển thị (FCP) và Thời gian xuất hiện byte đầu tiên (TTFB).
Các chỉ số quan trọng về trang web
- LCP đo lường thời gian cho đến khi trang hiển thị nội dung có thể là nội dung chính của trang, chẳng hạn như hình ảnh chính hoặc tiêu đề.
- INP đo lường khả năng tương tác của trang bằng cách đo lường độ trễ của tất cả lượt tương tác mà người dùng thực hiện trên trang, rồi báo cáo một giá trị duy nhất mà tất cả (hoặc gần như tất cả) lượt tương tác đều thấp hơn.
- CLS đo lường mức độ không ổn định của bố cục trên trang, do những thay đổi như nội dung tải không đồng bộ được đưa vào.
Các chỉ số đáng chú ý khác
- FCP đo thời gian cho đến khi trang hiển thị nội dung nào đó trong nền trước, chẳng hạn như một số văn bản hoặc biểu trưng.
- TTFB là một chỉ số thử nghiệm đo lường thời gian từ khi yêu cầu một tài nguyên đến khi byte đầu tiên của phản hồi bắt đầu đến.
Ngưỡng chỉ số
Bảng này mô tả cách phân loại các giá trị cho những chỉ số này thành "tốt", "cần cải thiện" hoặc "kém".
| Chỉ số | "Tốt" | "Cần cải thiện" | "Kém" |
|---|---|---|---|
| LCP (Thời gian hiển thị nội dung lớn nhất) | 0 – 2500 mili giây | 2500 – 4.000 mili giây | 4000 mili giây trở lên |
| CLS (Điểm số tổng hợp về mức thay đổi bố cục) | 0,00-0,1 | 0,10 – 0,25 | 0,25 trở lên |
| INP | 0 – 200 mili giây | 200 mili giây – 500 mili giây | 500 mili giây trở lên |
| FCP (hiển thị nội dung đầu tiên) | 0 – 1800 mili giây | 1800 mili giây – 3000 mili giây | 3000 mili giây trở lên |
| TTFB | 0 – 800 mili giây | 800 mili giây – 1800 mili giây | 1800 mili giây trở lên |
Các chỉ số quan trọng về trang web là những chỉ số quan trọng nhất mà người dùng thực tế trực tiếp trải nghiệm. Các chỉ số khác có thể được dùng làm thông tin chẩn đoán, nhưng người dùng thực tế không nhất thiết phải nhận biết được. Do đó, những chỉ số này không được tính vào kết quả đánh giá Core Web Vitals và không đáp ứng được chỉ số "tốt" chỉ có ý nghĩa quan trọng nếu chúng ảnh hưởng xấu đến Chỉ số quan trọng chính của trang web.
Trải nghiệm người dùng được thể hiện trong PSI theo 3 cách:
- nhãn tóm tắt trang là đạt hoặc không vượt qua Chỉ số quan trọng chính của trang web bài đánh giá
- các phân vị được đo bằng giây hoặc mili giây (CLS không có đơn vị)
- mức phân bổ thể hiện tỷ lệ phần trăm "tốt", "cần cải thiện" và "kém" người dùng có thể truy cập bằng cách nhấp vào Chế độ xem mở rộng ở trên cùng bên phải của phần này.
Trong ảnh chụp màn hình trước, trang được gắn nhãn là "chuyển" kết quả đánh giá Core Web Vitals. Để đạt yêu cầu, phân vị phải được phân loại là "tốt" trong cả 3 chỉ số quan trọng về trang web. Nếu không, bài đánh giá sẽ có trạng thái là "không đạt". Một số trang có thể không có đủ dữ liệu INP. Trong trường hợp đó, trang sẽ được đánh giá dựa trên hai chỉ số Core Web Vitals còn lại.
Phân vị thứ 75 mà bạn nhìn thấy cho tất cả chỉ số. Trong thống kê, phân vị là giá trị đo lường cho biết giá trị thấp hơn của một tỷ lệ phần trăm mẫu nhất định. Ví dụ: ảnh chụp màn hình ở trên cho thấy phân vị thứ 75 của INP là 64 mili giây, có nghĩa là 75% trải nghiệm INP nhanh hơn 64 mili giây. Các giá trị này được mã hoá bằng màu theo bảng ngưỡng trước đó, trong đó giá trị là "tốt" giá trị có màu xanh lục, giá trị "cần cải thiện" là màu cam và "kém" đều có màu đỏ.
Cuối cùng, cách phân phối cho mỗi chỉ số được minh hoạ bằng các chỉ số "tốt", "cần cải thiện" và "kém" tạo nhóm. Ví dụ: trải nghiệm LCP trên trang này là "tốt" (dưới 2,5 giây) 90% thời gian. INP là "kém" (ít nhất 500 mili giây) 1% thời gian. Những mức phân phối này đại diện cho tất cả trải nghiệm người dùng trên trang và hình dạng của chúng cho thấy xu hướng sẽ là "tốt" hoặc "kém".
Thông tin tóm tắt về hiệu suất của nguồn gốc
PSI cũng cung cấp bản tóm tắt về hiệu suất của nguồn gốc. Đây là tập hợp trải nghiệm người dùng trên tất cả các trang của một nguồn gốc. Bạn có thể nhận cùng một số liệu thống kê cho toàn bộ nguồn gốc có sẵn cho từng trang. Dữ liệu này phù hợp chặt chẽ với dữ liệu có trên BigQuery, nhưng bạn không thể truy vấn hiệu suất ở cấp trang.
Có một sự khác biệt lớn giữa dữ liệu cấp độ gốc trên PSI và BigQuery. Các tập dữ liệu trên BigQuery được phát hành mỗi tháng một lần và bao gồm dữ liệu từ tháng dương lịch trước đó. Ví dụ: tập dữ liệu năm 202005 bao gồm tất cả trải nghiệm người dùng diễn ra vào tháng 5 năm 2020. Mặt khác, PSI tổng hợp dữ liệu mới mỗi ngày bao gồm dữ liệu của 28 ngày trước đó. Vì vậy, kết quả bạn thấy hôm nay có thể khác với kết quả bạn thấy vào ngày mai và không nhất thiết phải giống với kết quả bạn thấy trong dữ liệu tổng hợp của tháng hiện tại trên BigQuery.
Phản hồi khi không có dữ liệu URL trong CrUX
Nếu URL bạn đã nhập không có trong CrUX, thì PageSpeed Insights sẽ cố gắng chuyển dữ liệu dự phòng sang dữ liệu cấp độ gốc như trong ảnh chụp màn hình tiếp theo. Hãy nhấp vào biểu tượng bên cạnh nút URL này bị vô hiệu hoá để xem nội dung giải thích cụ thể hơn.
Nếu dữ liệu cấp máy chủ gốc cũng không có trong CrUX, thì PSI sẽ không thể hiển thị phần này và bạn sẽ thấy Không có dữ liệu. Dữ liệu thử nghiệm từ Lighthouse vẫn có sẵn để cung cấp cho bạn số liệu ước tính về hiệu suất của trang.
Câu hỏi thường gặp
Dưới đây là một số câu hỏi thường gặp về dữ liệu CrUX trên PageSpeed Insights:
Khi nào tôi sẽ dùng PageSpeed Insights chứ không phải các công cụ khác?
PSI kết hợp dữ liệu trải nghiệm người dùng thực tế của CrUX với tính năng chẩn đoán hiệu suất dựa trên phòng thí nghiệm của Lighthouse. Nhờ đó, bạn có thể dễ dàng xem tốc độ trải nghiệm một trang cũng như cách tăng tốc độ của trang đó ở cùng một nơi. Việc tổng hợp dữ liệu thực địa hằng ngày trong PSI giúp PSI trở thành một nền tảng tuyệt vời để theo dõi sát sao hơn hiệu suất của nguồn gốc hoặc nguồn gốc của URL so với những công cụ có tần suất tổng hợp thấp hơn.
Có giới hạn nào khi sử dụng PageSpeed Insights không?
PSI chỉ cung cấp số liệu tổng hợp hằng ngày mới nhất, nên bạn không nhất thiết phải biết được hiệu suất của một trang web đang có xu hướng như thế nào. Tập dữ liệu CrUX cũng có một vài chỉ số không quan trọng không được cung cấp trong PSI.
Tôi có thể tìm hiểu thêm về PageSpeed Insights ở đâu?
Xem tài liệu về PSI để biết thêm thông tin.