Tối ưu hóa INP (Interaction to Next Paint)

• Một chỉ số thử nghiệm dùng để đánh giá mức độ phản hồi tổng thể của trang trong UI
• Theo dõi độ trễ của mọi tương tác nhấp, chạm và bàn phím
• Giá trị INP cuối cùng là tương tác dài nhất (bỏ qua ngoại lệ)
• Để mang lại trải nghiệm người dùng tốt, giá trị INP của website պետք է nhỏ hơn hoặc bằng 200ms. 200~500ms là cần cải thiện, trên 500ms là mức phản hồi chậm

Cách tối ưu hóa (chỉ tiêu đề)

• Tìm ra những yếu tố ảnh hưởng xấu đến INP
  • Tìm các tương tác chậm trong dữ liệu thực tế
  • Tái hiện các tương tác chậm trong Chrome DevTools
  • Nếu không có dữ liệu thực tế thì sao?
• Chẩn đoán và xử lý Long Input Delay
  • Cách xác định độ trễ đầu vào
  • Cách khắc phục Long Input Delay
• Tối ưu hóa callback sự kiện
• Giảm thiểu độ trễ hiển thị
• Khi các tương tác chồng lấp nhau
• Cải thiện INP đòi hỏi sự kiên trì