Core Web Vitals: Chẩn đoán LCP, INP và CLS

Core Web Vitals mô tả thời gian tải, tính phản hồi tương tác và sự ổn định thị giác. Chẩn đoán chỉ số đang gặp sự cố đối với người dùng liên quan trước khi thay đổi tài sản hoặc tìm kiếm điểm số Lighthouse cao hơn.

Phân biệt các đo lường thực trường với các lần chạy lab

Dữ liệu thực trường phản ánh các lượt truy cập của người dùng thực tế trong một khoảng thời gian báo cáo. Một bài kiểm tra lab là một lần chẩn đoán có kiểm soát. Thiết bị, bộ nhớ cache và các tương tác có thể làm cho kết quả của chúng khác nhau. Một trang không có dữ liệu thực trường có các đo lường không đủ; nó không tự động đã đạt hoặc không đạt. Total Blocking Time là một chẩn đoán lab và không được phép gán lại là INP.

Chọn một phương án sửa chữa dựa trên bằng chứng

Tránh áp dụng tất cả các đề xuất cùng một lúc. Một thay đổi về nén hình ảnh không thể giải thích cho một trình xử lý sự kiện chậm, và thời gian tải ban đầu nhanh không thể khẳng định tính phản hồi trong các tương tác thanh toán.

Ví dụ minh họa: một hình ảnh sản phẩm đến trễ

Giả sử một trang sản phẩm có một hình ảnh chính đến trễ trong khi các tài nguyên khác hoàn thành sớm. Xác nhận rằng hình ảnh đó là phần tử LCP. Kiểm tra xem nó có chỉ được phát hiện sau khi JavaScript chạy hay bị tải lười sai cách. Thay đổi việc phát hiện hoặc ưu tiên tải, giữ nguyên kích thước hình ảnh phù hợp, sau đó lặp lại cùng một cấu hình lab. Cuối cùng, theo dõi xu hướng thực trường liên quan khi đã thu thập đủ lượt truy cập mới. Đây là một ví dụ chẩn đoán, không phải là kết quả đo thực tế từ SearchBastion.

Ghi lại các điều kiện kiểm thử

Lưu URL, thiết bị profile, thời gian kiểm thử, định dạng bản phát hành và điểm nghẽn được quan sát. Chạy các kiểm thử so sánh sau khi thay đổi và cũng nên thực hiện các thao tác điều hướng, menu và các điều khiển mua hàng. Công việc hiệu suất nên cải thiện trải nghiệm người dùng gặp phải; việc tăng điểm số đơn thuần không đồng nghĩa với việc tăng thứ hạng.

Sử dụng Trình kiểm tra tốc độ để điều tra ban đầu và tham khảo Web Vitals để biết định nghĩa các chỉ số.