Interaction to Next Paint (INP)
Tóm tắt
INP đo tốc độ trang phản hồi khi người dùng bấm, chạm hoặc gõ phím trong suốt lượt truy cập. Tốt là ≤200 ms ở phân vị 75; trên 500 ms là kém. INP thay FID làm Core Web Vital từ tháng 3/2024.
Giải thích đơn giản
Bạn bấm "Thêm vào giỏ hàng" mà một giây sau vẫn chưa thấy gì, nên bấm lại lần nữa. INP chính là khoảng chờ đó. Dưới 200 ms thì người dùng gần như không nhận ra.
Interaction to Next Paint ghi lại độ trễ của mọi lần bấm, chạm và gõ phím trong một lượt truy cập, tính từ lúc người dùng thao tác đến khung hình tiếp theo trình duyệt vẽ ra. INP của trang là tương tác chậm nhất (với trang có nhiều tương tác thì là tương tác gần chậm nhất, để một lần bất thường không quyết định kết quả). Google báo cáo ở phân vị 75 của lượt truy cập thật: tốt ≤200 ms, cần cải thiện 200-500 ms, kém >500 ms.
INP trở thành Core Web Vital ngày 12/3/2024, thay First Input Delay (FID) — chỉ đo tương tác đầu tiên và chỉ phần độ trễ đầu vào.
INP chỉ có trong dữ liệu thực tế (field data): bài đo trong lab không có người dùng thật bấm. Công cụ lab dùng Total Blocking Time (TBT) để thay thế, vì các tác vụ JavaScript dài chặn main thread là nguyên nhân chung của cả hai. Cách sửa: chia nhỏ tác vụ dài và nhường main thread, trì hoãn script không quan trọng và script bên thứ ba, giữ event handler gọn, chuyển việc nặng sang web worker.
⚡Tại sao quan trọng
INP là một trong ba Core Web Vitals của tín hiệu trải nghiệm trang (page experience) của Google. Phản hồi chậm khiến trang có cảm giác bị lỗi: người dùng bấm hai lần, bỏ dở biểu mẫu hoặc rời đi.
🔍CiteStat kiểm tra thế nào
CiteStat hiển thị INP người dùng thật của trang từ Chrome UX Report (qua PageSpeed Insights) dưới kết quả quét, kèm tỷ lệ lượt truy cập đạt mức tốt. Điểm Performance dùng TBT trong lab để thay cho INP.
Điểm CiteStat
INP thực tế chỉ hiển thị, không tính điểm. TBT trong lab (≈INP) trừ tối đa 2 điểm trong nhóm Performance.
Độ khó sửa
Biên tập viên: Không áp dụng | Lập trình viên: Khó | AI Agent: Trung bình