A technical guide exploring real-world strategies used to improve INP on Vercel's websites. In March 2024 Interaction to Next Paint (INP) became part of Google’s Core Web Vitals, a set of metrics reporting on user experience of web pages based on field data, and used in Google’s search ranking . Modern frameworks like Next.js are optimized for good baseline INP scores, but the nature of the metric is that what you do in your app really matters for the outcomes . Many reasonable UX patterns actually push browsers to the limit of what they can render within the INP guidelines. This is an article about how to optimize INP in those hard situations. It’s based on real-world lessons we learned when optimizing the INP of nextjs.org . Link to heading INP, a confusing metric It’s fair to say that INP is by far the most misunderstood of all the Core Web Vitals. Let’s start with a hard truth.…