{"id":6108,"date":"2026-09-03T09:22:02","date_gmt":"2026-09-03T09:22:02","guid":{"rendered":"https:\/\/justfineinfotech.com\/how-to-improve-inp-in-wordpress-interaction-to-next-paint-guide\/"},"modified":"2026-09-03T09:22:02","modified_gmt":"2026-09-03T09:22:02","slug":"how-to-improve-inp-in-wordpress-interaction-to-next-paint-guide","status":"publish","type":"post","link":"https:\/\/justfineinfotech.com\/fr\/how-to-improve-inp-in-wordpress-interaction-to-next-paint-guide\/","title":{"rendered":"How to Improve INP in WordPress (Interaction to Next Paint Guide)"},"content":{"rendered":"<p>You click a menu, an accordion, an \u201cAdd to cart\u201d button, and for a beat nothing happens. The page isn\u2019t frozen. It just feels sticky. That stickiness has an official name, and Google measures it on every visit: Interaction to Next Paint (INP)<\/p>\n<p>INP is one of the three Core Web Vitals, and it has been one since March 12, 2024, when it officially replaced First Input Delay (FID). Where FID only judged the very first thing a visitor did on your page, INP watches every click, tap, and key press for the entire visit and reports on the slowest of them<\/p>\n<p>The good news: most INP problems trace back to a handful of usual suspects (plugin JavaScript, page builder bundles, third party tags), and finding them doesn\u2019t require a performance engineering degree<\/p>\n<p>This guide walks through what INP measures in plain words, how to measure yours <em>before<\/em> touching anything, and the WordPress fixes ranked by typical impact. Let\u2019s jump right in! \ud83d\udc49<\/p>\n<p>INP stands for Interaction to Next Paint. In plain words, it\u2019s the time between a visitor doing something (clicking a button, tapping a link, pressing a key) and the browser painting the next frame on the screen. The menu opening, the cart updating, the form field reacting. If that next paint takes too long, the site feels broken even when it technically isn\u2019t<\/p>\n<p>A few things make INP different from older metrics:<\/p>\n<ul>\n<li><strong>It watches the whole visit, not just the load.<\/strong> Google\u2019s own usage data shows people spend 90% of their time on a page <em>after<\/em> it loads, so a metric that only checks the first impression misses most of the experience.<\/li>\n<li><strong>It reports your worst typical interaction.<\/strong> INP observes every interaction and lands on roughly the slowest one (a small number of genuine outliers get tossed). The final score is then taken at the 75th percentile of real visits.<\/li>\n<li><strong>It covers the full interaction.<\/strong> Every interaction has three phases: <em>input delay<\/em> (the browser was busy doing something else when the visitor clicked), <em>processing time<\/em> (running the JavaScript that the click triggered), and <em>presentation delay<\/em> (actually drawing the result). INP measures all three.<\/li>\n<li><strong>Only real inputs count:<\/strong> clicks, taps, and key presses. Scrolling and hovering don\u2019t.<\/li>\n<\/ul>\n<p>The scoring lines are simple: \ud83d\udccf<\/p>\n<ul>\n<li>\ud83d\udfe2 <strong>200 ms or less:<\/strong> good responsiveness.<\/li>\n<li>\ud83d\udfe1 <strong>200 to 500 ms:<\/strong> needs improvement.<\/li>\n<li>\ud83d\udd34 <strong>Over 500 ms:<\/strong> poor.<\/li>\n<\/ul>\n<p>These three get mixed up constantly, so here\u2019s the clean version:<\/p>\n<table>\n<thead>\n<tr>\n<th>Metric<\/th>\n<th>What it measures<\/th>\n<th>Good score<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>FID<\/strong> (First Input Delay)<\/td>\n<td>Only the <em>input delay<\/em> of the very first interaction. A load responsiveness check, nothing more.<\/td>\n<td>Retired (replaced by INP in March 2024)<\/td>\n<\/tr>\n<tr>\n<td><strong>INP<\/strong> (Interaction to Next Paint)<\/td>\n<td>The full duration of essentially every interaction across the whole visit, from input to the next painted frame.<\/td>\n<td>200 ms or less<\/td>\n<\/tr>\n<tr>\n<td><strong>LCP<\/strong> (Largest Contentful Paint)<\/td>\n<td>Loading, not interactivity: how long the largest visible element takes to render.<\/td>\n<td>2.5 s or less<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>FID was easy to pass by accident: nail the first click and it would never notice a sluggish rest of visit. INP exists because Google wanted the whole story. LCP, meanwhile, answers a completely different question (did the page show up fast?), which is why image optimization helps LCP but does almost nothing for INP. And if a lazy loaded LCP image is your headache instead, there\u2019s a dedicated fix guide on the blog.<\/p>\n<p>This article stays laser focused on INP. For the full picture of all three Core Web Vitals, including CLS and how they affect rankings, check the complete Google Core Web Vitals guide<\/p>\n<p>Resist the urge to start uninstalling things. INP is a field metric, meaning it\u2019s calculated from real visitors on real devices, so the first job is finding out whether you have a problem at all and where it lives<\/p>\n<p>Start with <a href=\"https:\/\/pagespeed.web.dev\/\" rel=\"nofollow noopener\" target=\"_blank\">PageSpeed Insights<\/a>. Paste your URL, run the test, and look at the \u201cCore Web Vitals Assessment\u201d at the top. That section is field data from the Chrome User Experience Report (CrUX), the official Web Vitals dataset, taken at the 75th percentile of real visits over the trailing 28 days. Here\u2019s this very blog as an example: \ud83d\udc47<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/inp-pagespeed-insights.png\" alt=\"PageSpeed Insights field data for themeisle.com\/blog showing a Core Web Vitals assessment with LCP at 1.6 seconds, INP at 194 ms, and CLS at 0.02, with INP in the green but close to the 200 ms threshold\"><br \/>\n<\/figure>\n<p>INP of 194 ms: passing, but with no room for complacency. If your own URLs land in the yellow or red, keep reading<\/p>\n<blockquote>\n<p>\u2139\ufe0f NOTE: New or low traffic sites often show \u201cnot enough usage data\u201d instead of a score, because CrUX needs a minimum number of real Chrome visitors. Sometimes you get origin level data instead of page level. If neither exists, use the lab approach below and re-check as traffic grows<\/p>\n<\/blockquote>\n<p>Field data tells you <em>that<\/em> you\u2019re slow. Chrome DevTools tells you <em>why<\/em>. Open your page in Chrome, then:<\/p>\n<ol>\n<li>Open DevTools and go to the <strong>Performance<\/strong> tab.<\/li>\n<li>Hit <strong>Record<\/strong>, then use your page the way a visitor would: open the mobile menu, run a search, add something to the cart, click a filter.<\/li>\n<li>Stop the recording and look at the <strong>Main<\/strong> thread track.<\/li>\n<\/ol>\n<p>What you\u2019re hunting for are <strong>long tasks<\/strong>: any task that keeps the main thread busy for more than 50 ms. DevTools marks them with a red triangle in the corner and a red striped portion. While a long task runs, your visitor\u2019s click just sits in line waiting, and that wait is exactly what INP measures. The Bottom-up or Summary views at the bottom break down main thread time by first and third party, which is where the culprits get named: \ud83d\udc47<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:952\/h:1080\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/image-4.png\" alt=\"image 4\"><br \/>\n<\/figure>\n<p>The Performance panel docs have the full tour, and the Search Console Core Web Vitals report gives you the site wide view, grouping URLs that share the same problem<\/p>\n<blockquote>\n<p>\ud83d\udca1 PRO TIP: Lab tools can\u2019t capture INP on their own because nothing interacts with the page during a lab test. If you have no field data yet, use Total Blocking Time (TBT) from the Lighthouse lab report as a stand in. It\u2019s not a replacement for INP, but a high TBT almost always means INP trouble is coming<\/p>\n<\/blockquote>\n<p>Almost everything that hurts INP on a WordPress site is JavaScript competing for the main thread. These fixes are ordered by where WordPress sites typically get the biggest wins first, not by how fun they are<\/p>\n<p>Every active plugin can add JavaScript to every page, even pages where it does nothing. That contact form plugin from 2023? Its scripts may well load on all 400 of your posts. Go to Plugins \u2192 Installed Plugins and deactivate (then delete) anything that isn\u2019t earning its keep. Where possible, prefer plugins that only load assets on the pages that actually use them<\/p>\n<p>Test on staging if you have one, and re-check INP after the cleanup to see what each removal bought you. \ud83d\udcc9<\/p>\n<p>Analytics, popups, chat widgets, and social pixels don\u2019t need to run the second the page loads. Delaying them until the visitor first interacts (or at least deferring them until after the initial render) frees the main thread right when visitors start clicking<\/p>\n<p>You don\u2019t need to write code for this. WP Rocket (premium) has a Delay JavaScript execution feature, and Flying Scripts (free) does a similar job with a simple keyword rule list. Most serious performance plugins offer script deferral too<\/p>\n<blockquote>\n<p>\ud83c\udd98 POSSIBLE ISSUE: Delaying the wrong script breaks things. Sliders, menus, and cookie banners are frequent casualties. Add rules one at a time and click through your key pages after each change. Boring, but faster than debugging a pile at once<\/p>\n<\/blockquote>\n<p>Page builders and slider plugins are frequent INP offenders because they ship large JavaScript bundles, often on every URL of the site. Many builders include performance settings to unload unused widgets or load assets only where they\u2019re used, so dig through those options before assuming you\u2019re stuck. And if a slider appears on exactly one page, it has no <a href=\"https:\/\/justfineinfotech.com\/fr\/expert-advises-business-owners-on-upcoming-metas-whatsapp-charges\/\" title=\"Expert advises business owners on upcoming Meta\u2019s WhatsApp charges\">business<\/a> loading sitewide<\/p>\n<p>The blunt truth: if your INP is poor and a hero slider is the culprit, replacing it with a static hero section <em>is<\/em> the fix. Nobody has ever mourned a slider. \ud83e\udea6<\/p>\n<p>Chat widgets, heatmaps, A\/B testing tools, social pixels: each one adds main thread work, and you have zero control over the code quality. The DevTools third party breakdown from Step 1 tells you precisely who\u2019s eating what. Remove the ones you don\u2019t actively use (be ruthless, \u201cmight want it someday\u201d is not a use case), and delay the survivors per fix number 2<\/p>\n<p>INP happens in the browser, not on your server, so a faster host won\u2019t directly improve it. Time to First Byte isn\u2019t part of the INP calculation. That said, a slow server delays everything, including the moment the main thread finally calms down enough to respond quickly to early interactions. If your TTFB is also bad, fix it as part of your broader speed work (this WordPress speed guide covers that side). Just don\u2019t expect a hosting upgrade to rescue a JavaScript problem.<\/p>\n<p>Time for some honesty, because plenty of INP advice pretends everything is tunable. It isn\u2019t. \ud83e\udd37<\/p>\n<p><strong>Third party embeds you actually need.<\/strong> Support chat, payment forms, embedded videos and maps run their own JavaScript on your page, and interactions inside their iframes (like pressing play on an embedded video) count toward your INP. Your visitors can\u2019t tell whose code made things slow, and neither can the metric. You cannot optimize someone else\u2019s code. What you can do is control <em>when<\/em> it loads: click to load facades for video, chat widgets that initialize after first interaction, maps that render as a static image until touched.<\/p>\n<p>Ads. If you monetize with display ads, ad scripts are often the heaviest thing on the page, with bidders and refreshes working the main thread all session long. There are ad tech settings that help at the margins, but sometimes the honest fix is removing a placement or a feature, not tuning it. Treat INP as a cost and benefit conversation: every script on the page should pay rent<\/p>\n<p>Cheap phones. Remember that the 75th percentile includes visitors on budget Android devices with a fraction of your MacBook\u2019s power. When you record in DevTools, turn on CPU throttling in the Performance panel to get closer to what those visitors experience<\/p>\n<p>INP boils down to a simple promise: when a visitor does something, something visible should happen fast. The playbook, in order:<\/p>\n<ul>\n<li>\ud83d\udcca <strong>Measure first<\/strong> with PageSpeed Insights field data, and hunt long tasks in the DevTools Performance panel before changing anything.<\/li>\n<li>\ud83e\uddf9 <strong>Cut JavaScript at the source:<\/strong> plugin audit, then delay or defer whatever remains non-critical.<\/li>\n<li>\ud83c\udfd7\ufe0f <strong>Confront the heavy bundles:<\/strong> page builder and slider scripts, then third party tags.<\/li>\n<li>\u2696\ufe0f <strong>Accept the ceilings:<\/strong> embeds and ads you keep can be deferred or facade loaded, and sometimes the right fix is removal.<\/li>\n<\/ul>\n<p>Do those in order and the 200 ms line stops looking scary. Your visitors won\u2019t send a thank you note, but they\u2019ll click around without friction, and Google will notice<\/p>\n<p>What\u2019s the worst INP offender you\u2019ve uncovered on your own site? Let us know in the comments section below! \ud83d\udc47<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\"><br \/>\n<\/figure>\n<p><strong>FREE GUIDE<\/strong><\/p>\n<p><strong>4 Essential Steps to Speed Up Your\u00a0WordPress Website<\/strong><\/p>\n<p>Follow the simple steps in our 4-part mini series and reduce your loading times by 50-80%.\u00a0\ud83d\ude80<\/p>\n<p>Yay! \ud83c\udf89 You made it to the end of the article!<\/p>\n<div style=\"clear:both;margin:30px 0 15px 0\">\n<p>\n    <strong>Related:<\/strong><br \/>\n    &lt;a href=&quot;https:\/\/yoursite.com\/<a href=\"https:\/\/justfineinfotech.com\/fr\/the-future-of-automation-testing-predictions-and-business-implications\/\" title=\"The Future of Automation Testing: Predictions and Business Implications\">automation<\/a>-training-benin\/&#8221; title=&#8221;Digital Automation Training Benin: 5 Winning Skills Employers Demand in 2026&#8243;&gt;<br \/>\n      Digital Automation Training Benin: 5 Winning Skills Employers Demand in 2026<br \/>\n    <\/a>\n  <\/p>\n<p>\n    <a href=\"https:\/\/yoursite.com\/automation-africa\/\" title=\"WhatsApp Marketing Automation Africa: 6 Dangerous Mistakes Brands Make in Nigeria\" target=\"_blank\" rel=\"noopener\"><br \/>\n      WhatsApp Marketing Automation Africa: 6 Dangerous Mistakes Brands Make in Nigeria<br \/>\n    <\/a>\n  <\/p>\n<\/div>\n<div style=\"clear:both;margin:30px 0;padding:25px;background:#f8f9fc;border:1px solid #ddd;border-radius:8px;text-align:center\">\n<h3>Want to learn this practically?<\/h3>\n<p>Join <strong>Justfine Infotech<\/strong> and build real digital skills in AI, automation, web development, digital marketing, office productivity, e-commerce, freelancing and <a href=\"https:\/\/justfineinfotech.com\/fr\/pakistan-ksa-sign-mou-on-cybersecurity-the-express-tribune\/\" title=\"Pakistan, KSA sign MoU on cybersecurity | The Express Tribune\">cybersecurity<\/a>.<\/p>\n<p><strong>Available Programmes:<\/strong><br \/>\n  6 Weeks Certificate \u2022 3 Months Professional Certificate \u2022 6 Months Diploma \u2022 Full Professional Diploma<\/p>\n<p><strong>WhatsApp:<\/strong><br \/>\n  +229 01 57 57 99 15<br \/>\n  +229 01 66 68 11 60<\/p>\n<p><a href=\"https:\/\/api.whatsapp.com\/send?phone=2348132690270&amp;text=Hello\" target=\"_blank\" rel=\"noopener\">Enroll Now<\/a><\/p>\n<\/div>\n<p class=\"ani-source\">Source: <a href=\"https:\/\/themeisle.com\/blog\/improve-inp-wordpress\/\" target=\"_blank\" rel=\"nofollow noopener\">themeisle.com<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>You click a menu, an accordion, an \u201cAdd to cart\u201d button, and for a beat nothing happens. The page isn\u2019t frozen. It just feels sticky. That stickiness has an official name, and Google measures it on every visit: Interaction to Next Paint (INP)<\/p>","protected":false},"author":1,"featured_media":6110,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[72],"tags":[1571,1572,129,1573,188],"class_list":["post-6108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-seo-smart-websites","tag-improve","tag-interaction","tag-next","tag-paint","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts\/6108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/comments?post=6108"}],"version-history":[{"count":1,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts\/6108\/revisions"}],"predecessor-version":[{"id":6109,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts\/6108\/revisions\/6109"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/media\/6110"}],"wp:attachment":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/media?parent=6108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/categories?post=6108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/tags?post=6108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}