[{"data":1,"prerenderedAt":81},["ShallowReactive",2],{"term-i\u002Finp":3,"related-i\u002Finp":61},{"id":4,"title":5,"acronym":5,"body":6,"category":39,"description":40,"difficulty":41,"extension":42,"letter":43,"meta":44,"navigation":45,"path":46,"related":47,"seo":54,"sitemap":55,"stem":58,"subcategory":59,"__hash__":60},"terms\u002Fterms\u002Fi\u002Finp.md","INP",{"type":7,"value":8,"toc":32},"minimark",[9,14,18,22,25,29],[10,11,13],"h2",{"id":12},"eli5-the-vibe-check","ELI5 — The Vibe Check",[15,16,17],"p",{},"INP measures how snappy your website feels every time you interact with it — not just the first click, but every button press, dropdown open, and form submission. If clicking a filter on your site takes 800ms to respond, your INP is terrible. Good INP is under 200ms.",[10,19,21],{"id":20},"real-talk","Real Talk",[15,23,24],{},"Interaction to Next Paint (INP) replaced FID as a Core Web Vital in March 2024. It measures the latency of all user interactions (clicks, key presses, taps) throughout the page lifecycle and reports the worst-case (or near-worst-case) interaction delay. A 'Good' INP is ≤200ms. Long JavaScript tasks are the primary culprit.",[10,26,28],{"id":27},"when-youll-hear-this","When You'll Hear This",[15,30,31],{},"INP replaced FID as a Core Web Vital in 2024.,Break up long JavaScript tasks to improve INP.,Our INP was 600ms because the filter function blocked the main thread.",{"title":33,"searchDepth":34,"depth":34,"links":35},"",2,[36,37,38],{"id":12,"depth":34,"text":13},{"id":20,"depth":34,"text":21},{"id":27,"depth":34,"text":28},"frontend","INP measures how snappy your website feels every time you interact with it — not just the first click, but every button press, dropdown open, and form subm...","intermediate","md","i",{},true,"\u002Fterms\u002Fi\u002Finp",[48,49,50,51,52,53],"Core Web Vitals","Web Vitals","FID","CLS","LCP","Event Loop",{"title":5,"description":40},{"changefreq":56,"priority":57},"weekly",0.7,"terms\u002Fi\u002Finp",null,"P8ADINAHxs5INbfi548wkMpVxYy0bVqg6y2Ekp6EBsg",[62,65,68,72,75,78],{"title":51,"path":63,"acronym":51,"category":39,"difficulty":41,"description":64},"\u002Fterms\u002Fc\u002Fcls","CLS measures how much your page randomly jumps around while loading.",{"title":48,"path":66,"acronym":59,"category":39,"difficulty":41,"description":67},"\u002Fterms\u002Fc\u002Fcore-web-vitals","Core Web Vitals are the three most important Web Vitals that Google actually uses as ranking signals.",{"title":53,"path":69,"acronym":59,"category":39,"difficulty":70,"description":71},"\u002Fterms\u002Fe\u002Fevent-loop","advanced","JavaScript can only do one thing at a time (single-threaded), but the Event Loop is the trick that makes it seem like it can multitask.",{"title":50,"path":73,"acronym":50,"category":39,"difficulty":41,"description":74},"\u002Fterms\u002Ff\u002Ffid","FID measured how long it took for the browser to react after you first clicked something.",{"title":52,"path":76,"acronym":52,"category":39,"difficulty":41,"description":77},"\u002Fterms\u002Fl\u002Flcp","LCP measures how long it takes for the biggest thing on your page to appear. Usually it's a hero image or a big headline.",{"title":49,"path":79,"acronym":59,"category":39,"difficulty":41,"description":80},"\u002Fterms\u002Fw\u002Fweb-vitals","Web Vitals are Google's report card for how good your website feels to use. They measure things like 'how fast does the main content load?",1776518287832]