Trang đã hiện đủ hình ảnh nhưng bấm menu vẫn chờ, gõ vào ô tìm kiếm bị khựng hoặc nhấn nút mà không thấy phản hồi. Đây là nhóm vấn đề cần kiểm tra khả năng tương tác. INP phản ánh độ trễ của các tương tác phù hợp trong lượt truy cập, không đơn thuần là thời gian tải trang ban đầu.
Chọn những thao tác khách thực sự dùng
Lập một hành trình ngắn: mở menu, chọn dịch vụ, mở câu hỏi thường gặp, nhập biểu mẫu và gửi thử bằng dữ liệu kiểm tra. Với website bán hàng, thêm bộ lọc và thay đổi số lượng. Mỗi thao tác cần ghi kết quả mong đợi để phân biệt phản hồi chậm với lỗi chức năng.
Thử ngay khi trang đang tải và sau khi trang đã ổn định. Nút có thể hoạt động tốt sau vài giây nhưng bỏ lỡ thao tác của khách mới truy cập. Kiểm tra trên điện thoại thực tế, không chỉ máy tính mạnh của người phát triển.
Quan sát phản hồi nhìn thấy được
Sau khi bấm, giao diện nên cho biết thao tác đã được nhận khi cần chờ xử lý. Ví dụ, biểu mẫu có thể hiển thị trạng thái đang gửi và tránh gửi lặp. Tuy vậy, đổi chữ trên nút không chứng minh dữ liệu đã được lưu hoặc email đã đến nơi; phải kiểm tra kết quả riêng.
INP không đồng nghĩa với toàn bộ thời gian hoàn thành một yêu cầu mạng. Nếu giao diện phản hồi ngay nhưng tìm kiếm trả kết quả chậm, cần đánh giá cả phần máy chủ hoặc dịch vụ bên ngoài. Ghi rõ đoạn nào chờ giúp chọn đúng người và đúng cách xử lý.
Tìm công việc đang chiếm tài nguyên
Dùng công cụ hiệu năng để xem hoạt động khi thao tác chậm xảy ra. Mã quảng cáo, tiện ích trò chuyện, xử lý danh sách dài hoặc công việc tính toán có thể cạnh tranh với tương tác. Không kết luận từ tên tiện ích; cần tái hiện và so sánh trong điều kiện kiểm soát.
Giải pháp có thể là bỏ công việc không cần thiết, chia nhỏ xử lý hoặc chỉ tải chức năng khi cần. Mỗi thay đổi cần thử ở môi trường phù hợp và giữ được hành vi cũ. Trì hoãn mã tùy tiện có thể làm nút mất tác dụng hoặc khiến thao tác đầu tiên không được ghi nhận.
Đánh giá sau sửa bằng cùng hành trình
Lặp lại các bước đã ghi, gồm cả nhập sai dữ liệu, bấm nhanh và dùng bàn phím. Theo dõi dữ liệu thực tế khi có đủ mẫu, đồng thời giữ kết quả kiểm tra trực tiếp để tìm lỗi. Một lần tải trang không có tương tác không đủ để kết luận INP đã ổn.
Bạn có thể gửi thao tác phản hồi chậm cho Tý Hon, kèm URL và video ngắn. Phạm vi nên nêu rõ nút nào, thời điểm nào và kết quả cần đạt để việc kiểm tra có thể lặp lại.
Tham khảo: Tối ưu Interaction to Next Paint.
