Interaction to Next Paint คือตัวชี้วัดความเร็วในการตอบสนองของหน้าเว็บต่อการป้อนข้อมูลของผู้ใช้ โดยรายงานค่าที่แสดงถึงความล่าช้าในการโต้ตอบที่แย่ที่สุดที่เกิดขึ้นระหว่างการเยี่ยมชม ตัวชี้วัดนี้เข้ามาแทนที่ First Input Delay ในฐานะตัวชี้วัดการตอบสนองของ Core Web Vitals ในเดือนมีนาคม 2024 และการเปลี่ยนแปลงนี้มีความสำคัญอย่างมาก: ในขณะที่ตัวชี้วัดเดิมวัดเฉพาะความล่าช้าก่อนที่การประมวลผลจะเริ่มต้นในการโต้ตอบครั้งแรก ตัวชี้วัดใหม่นี้จะวัดระยะเวลาทั้งหมดตั้งแต่การป้อนข้อมูล การประมวลผล ไปจนถึงเฟรมถัดไปที่แสดงผล ในทุกการโต้ตอบในเซสชันนั้น
ความแตกต่างนี้มีความสำคัญ เพราะตัวชี้วัดแบบเดิมนั้นทำให้เว็บไซต์หลายแห่งดูดีเกินจริง หน้าเว็บอาจแสดงค่าความหน่วงในการป้อนข้อมูลครั้งแรกที่ดีเยี่ยม แต่ยังคงทำงานช้าอยู่ตลอดทั้งเว็บ เนื่องจากตัวชี้วัดนั้นไม่ได้คำนึงถึงระยะเวลาที่ตัวจัดการเหตุการณ์ใช้ในการทำงาน และระยะเวลาที่เบราว์เซอร์ใช้ในการแสดงผล รวมถึงการพิจารณาเพียงแค่การโต้ตอบเพียงครั้งเดียว เว็บไซต์ที่ดูเหมือนตอบสนองได้ดีภายใต้ตัวชี้วัดแบบเก่า มักจะไม่เป็นเช่นนั้นภายใต้ตัวชี้วัดแบบใหม่ โดยเฉพาะอย่างยิ่งแอปพลิเคชันแบบหน้าเดียวและอินเทอร์เฟซใดๆ ที่มีตรรกะฝั่งไคลเอ็นต์จำนวนมาก
ค่าที่รายงานได้มาจากการโต้ตอบที่ยาวที่สุดที่สังเกตได้ โดยมีการเผื่อไว้สำหรับค่าผิดปกติในหน้าเว็บที่มีการโต้ตอบจำนวนมาก และเกณฑ์ที่ Google เผยแพร่ถือว่า 200 มิลลิวินาทีหรือน้อยกว่านั้นดี ซึ่งอยู่ในระดับเปอร์เซ็นไทล์ที่ 75 ของประสบการณ์ผู้ใช้จริง เนื่องจากมันบันทึกเส้นทางทั้งหมดตั้งแต่การป้อนข้อมูลไปจนถึงการแสดงผล คะแนนที่ต่ำจึงอาจเกิดจากหลายจุด เช่น งานที่ใช้เวลานานบนเธรดหลักที่บล็อกเบราว์เซอร์ไม่ให้จัดการเหตุการณ์ ตัวจัดการเหตุการณ์ทำงานมากเกินไปแบบซิงโครนัส การเปลี่ยนแปลงเลย์เอาต์ที่เกิดจากการอ่านและเขียนสไตล์ในลักษณะที่สลับกัน และการเรนเดอร์ที่มีราคาแพงหลังจากมีการเปลี่ยนแปลงสถานะ
โดยทั่วไป การวินิจฉัยมักชี้ไปที่การทำงานของ JavaScript มากกว่าสภาพเครือข่าย ซึ่งทำให้ตัวชี้วัดนี้แตกต่างจากการวัดความเร็วในการโหลด สาเหตุทั่วไป ได้แก่ ชุดไฟล์ขนาดใหญ่ที่ทำงานบนเธรดหลัก สคริปต์ของบุคคลที่สามที่ทำงานโดยพลการในระหว่างการโต้ตอบ การเรนเดอร์ใหม่ของเฟรมเวิร์กที่เปลี่ยนแปลงโครงสร้างมากกว่าที่จำเป็น และตัวจัดการที่ทำการคำนวณแบบซิงโครนัสซึ่งสามารถเลื่อนออกไปหรือย้ายออกจากเธรดหลักได้ งานที่ใช้เวลานานเป็นกลไกพื้นฐานในกรณีส่วนใหญ่ เนื่องจากเบราว์เซอร์ไม่สามารถตอบสนองต่ออินพุตได้ในขณะที่งานกำลังทำงานอยู่
การแก้ไขปัญหาจะดำเนินการหลังจากวินิจฉัยปัญหาแล้ว การแบ่งงานที่ใช้เวลานานออกเป็นชิ้นเล็กๆ โดยใช้การหน่วงเวลาอย่างชัดเจนจะช่วยให้เบราว์เซอร์จัดการอินพุตระหว่างงานเหล่านั้นได้ การเลื่อนงานที่ไม่จำเป็นออกไปจนกว่าจะมีการอัปเดตภาพเสร็จสิ้น เพื่อให้ผู้ใช้เห็นการตอบสนองทันที จะช่วยแก้ไขปัญหาที่พบได้บ่อยที่สุด การลดปริมาณ JavaScript ที่ส่งมา การตรวจสอบสคริปต์ของบุคคลที่สามสำหรับต้นทุนของเธรดหลัก การจำลองรายการยาวๆ และการย้ายการคำนวณหนักๆ ไปยังเวิร์กเกอร์ ล้วนเป็นการแก้ไขสาเหตุเฉพาะ การให้ผลตอบรับทางภาพทันทีสำหรับการทำงานที่ช้าไม่ได้ช่วยปรับปรุงค่าที่วัดได้ แต่จะเปลี่ยนวิธีการที่ผู้ใช้รับรู้ถึงความล่าช้า
สคริปต์จากภายนอกสมควรได้รับการตรวจสอบอย่างละเอียดเป็นพิเศษ เนื่องจากเป็นสาเหตุที่เกิดขึ้นบ่อยและอยู่นอกเหนือการควบคุมโดยตรงของทีม วิดเจ็ตแชท ตัวจัดการการยินยอม ไลบรารีวิเคราะห์ เครื่องมือปรับแต่งส่วนบุคคล และสคริปต์โฆษณา ล้วนทำงานบนเธรดหลักและอาจใช้เธรดหลักในช่วงเวลาที่ผู้เยี่ยมชมพยายามโต้ตอบ การตรวจสอบต้นทุนเธรดหลักของแต่ละบุคคลที่สาม โดยการวัดหน้าเว็บทั้งแบบมีและไม่มีบุคคลที่สาม จะทำให้ได้รายการที่ชัดเจนว่าแต่ละผู้ให้บริการมีต้นทุนเท่าใดในแง่ของการตอบสนอง ตัวเลขนั้นจะทำให้สามารถพูดคุยเกี่ยวกับการแลกเปลี่ยนกับทีมที่ร้องขอเครื่องมือแต่ละตัวได้ ซึ่งโดยปกติแล้วจะเป็นวิธีที่มีประสิทธิภาพมากกว่าการพยายามปรับแต่งโค้ดแอปพลิเคชันให้เข้ากับสคริปต์ที่ใช้ทรัพยากรส่วนใหญ่
เนื่องจากตัวชี้วัดนี้ขับเคลื่อนด้วยโค้ดแอปพลิเคชันมากกว่าการส่งมอบสินทรัพย์ การปรับปรุงตัวชี้วัดนี้จึงมักต้องอาศัยงานด้านวิศวกรรมมากกว่าการกำหนดค่า ในทางปฏิบัติ ตัวชี้วัดนี้จึงอยู่ตรงขอบเขตระหว่าง... ประสิทธิภาพของเว็บ และ การพัฒนาผลิตภัณฑ์และปัญหานี้ส่งผลกระทบอย่างมากโดยเฉพาะอย่างยิ่งสำหรับระบบการค้าแบบโต้ตอบและอินเทอร์เฟซการจอง ซึ่งการกรอง การกำหนดค่า และการโต้ตอบกับตะกร้าสินค้าที่ไม่ตอบสนอง ทำให้เกิดการละทิ้งการสั่งซื้อ ซึ่งจะปรากฏในข้อมูลวิเคราะห์ในรูปแบบของการออกจากระบบตามปกติโดยไม่มีสาเหตุที่ชัดเจน