[{"data":1,"prerenderedAt":85},["ShallowReactive",2],{"\u002Fglossary\u002Finteraction-to-next-paint-subpart-timings":3,"\u002Fglossary\u002Finteraction-to-next-paint-subpart-timings:related":68},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":53,"date":54,"description":55,"draft":56,"extension":57,"letter":58,"meta":59,"navigation":60,"path":61,"readTime":62,"related":63,"seo":64,"stem":66,"term":5,"__hash__":67},"glossary\u002Fglossary\u002Finteraction-to-next-paint-subpart-timings.md","Interaction to Next Paint Subpart timings","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":49},"minimark",[11,18,28,37,46],[12,13,14,17],"p",{},[15,16,5],"strong",{}," breaks down the three components of INP:",[12,19,20,23,24,27],{},[15,21,22],{},"Input Delay"," (",[15,25,26],{},"inputDelay","): The time from when the user interacts until event listeners start to run.",[12,29,30,23,33,36],{},[15,31,32],{},"Processing Time",[15,34,35],{},"processingDuration","): The time spent running event listeners and other JavaScript triggered by the interaction.",[12,38,39,23,42,45],{},[15,40,41],{},"Presentation Delay",[15,43,44],{},"presentationDelay","): The time from when the browser finishes processing until the visual update appears on screen.",[12,47,48],{},"Understanding these subparts helps identify which part of the interaction is causing slowness.",{"title":50,"searchDepth":51,"depth":51,"links":52},"",2,[],null,"April 8, 2026","Interaction to Next Paint Subpart timings breaks down the three components of INP: Input Delay (inputDelay): The time from when the user interacts until event listeners start to run.",false,"md","I",{},true,"\u002Fglossary\u002Finteraction-to-next-paint-subpart-timings","1 min read",[],{"title":65,"description":55},"Interaction to Next Paint Subpart timings: Definition | Web Performance Glossary","glossary\u002Finteraction-to-next-paint-subpart-timings","5cbT_wZjW3ES3gCxN3SCi_9guwdcsZyULCUbvz5Y9BU",[69,73,77,81],{"path":70,"title":71,"description":72,"letter":58},"\u002Fglossary\u002Fip-whitelisting","IP Whitelisting","IP whitelisting is a security practice where a server or firewall is configured to grant access only to a specific list of trusted IP addresses.",{"path":74,"title":75,"description":76,"letter":58},"\u002Fglossary\u002Fimage-optimization","Image Optimization","This is an automated process Speed Kit uses to make image files as small as possible without sacrificing visual quality, which is crucial for fast loading times.",{"path":78,"title":79,"description":80,"letter":58},"\u002Fglossary\u002Finstant-loading","Instant Loading","Instant Loading is a Speed Kit feature that caches the main HTML document and serves it instantly from the cache on subsequent visits, eliminating cold start delays.",{"path":82,"title":83,"description":84,"letter":58},"\u002Fglossary\u002Finteraction-to-next-paint-inp","Interaction to Next Paint (INP)","Interaction to Next Paint (INP) is a Core Web Vital metric that measures responsiveness. INP measures the time from when a user interacts with the page (like a click or keypress) until the next vis…",1787756714826]