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