INP là gì? Vì sao INP thay FID trong Core Web Vitals và cách cải thiện

INP là gì?

INP (Interaction to Next Paint) là chỉ số đo độ phản hồi của trang trong suốt thời gian người dùng xem: từ lúc họ bấm, chạm hoặc gõ phím đến khi trang cập nhật hình ảnh phản hồi lần kế tiếp. Chỉ số này lấy giá trị đại diện cho các tương tác chậm nhất trong lượt truy cập, nên phản ánh cảm giác “mượt hay đơ” thực sự.

Tài liệu chính thức giải thích chi tiết tại web.dev về INP. INP là một trong ba chỉ số của Core Web Vitals, bên cạnh LCP và CLS; xem website chuẩn Core Web Vitals là gì.

Vì sao INP thay thế FID?

INP thay FID trong bộ Core Web Vitals từ tháng 3 năm 2024. Lý do là FID chỉ nhìn một lần tương tác đầu tiên và chỉ đo một phần độ trễ, trong khi trải nghiệm thực tế phụ thuộc vào nhiều lần tương tác sau đó.

Ngưỡng đánh giá INP

• Tốt: từ 200 mili giây trở xuống.
• Cần cải thiện: từ trên 200 đến 500 mili giây.
• Kém: trên 500 mili giây.

Google đánh giá theo dữ liệu người dùng thật ở phân vị thứ 75 trong 28 ngày gần nhất. Với các chỉ số còn lại, ngưỡng tốt của LCP là 2,5 giây và CLS là 0,1. Xem tổng quan tại website chuẩn Core Web Vitals là gì.

Cách đo INP

1. Báo cáo Core Web Vitals trong Search Console cho thấy nhóm trang có INP kém trên dữ liệu thực.
2. PageSpeed Insights hiển thị dữ liệu thực và gợi ý.
3. Công cụ dành cho nhà phát triển trong trình duyệt giúp tìm tương tác chậm cụ thể.
4. Thử trực tiếp trên điện thoại tầm trung: bấm menu, mở bộ lọc, gửi biểu mẫu.

Hãy đo trên điện thoại vì thiết bị yếu hơn làm vấn đề lộ rõ hơn.

Nguyên nhân thường gặp khiến INP kém

• JavaScript nặng chạy trên luồng chính khiến trình duyệt không kịp phản hồi.
• Tiện ích bên thứ ba: chat, theo dõi quảng cáo, bản đồ, mạng xã hội.
• Tác vụ dài khi người dùng bấm: tính toán, cập nhật giao diện lớn.
• Quá nhiều phần tử trên trang làm việc cập nhật hiển thị chậm.
• Plugin quá nhiều trên website WordPress; xem website WordPress có phù hợp với doanh nghiệp không.

Cách cải thiện INP cho website doanh nghiệp

1. Giảm và hoãn JavaScript không cần thiết ngay khi tải trang.
2. Gỡ hoặc thay thế tiện ích bên thứ ba nặng, chỉ giữ cái thật sự mang lại giá trị.
3. Chia nhỏ tác vụ dài để trình duyệt kịp phản hồi giữa chừng.
4. Phản hồi hình ảnh ngay khi bấm (ví dụ nút đổi trạng thái đang xử lý) trước khi chạy công việc nặng.
5. Đơn giản cấu trúc trang và giảm hiệu ứng phức tạp.
6. Dùng hosting tốt để giảm độ trễ tổng thể; xem hosting là gì và cách chọn hosting.

INP có ảnh hưởng SEO và doanh thu không?

Core Web Vitals là một phần tín hiệu trải nghiệm trang và không thay thế được nội dung phù hợp. Tuy vậy, trang phản hồi chậm làm khách bực bội, bỏ giỏ hàng hoặc không gửi biểu mẫu, ảnh hưởng trực tiếp đến chuyển đổi. Vì vậy hãy xem INP như một phần của chất lượng website; xem Google đánh giá website như thế nào và các lỗi khiến website mất khách hàng.

Kết luận: INP là gì và nên bắt đầu từ đâu?

Hiểu INP là gì giúp bạn nhìn tốc độ website theo cảm nhận thật của người dùng: bấm là phải thấy phản hồi. Hãy đo bằng dữ liệu thực trên điện thoại, xử lý JavaScript và tiện ích nặng trước, rồi kiểm tra lại sau chu kỳ 28 ngày.

Cần hỗ trợ tối ưu, xem chăm sóc website chuyên nghiệp hoặc liên hệ OLA.

Câu hỏi thường gặp về INP