{"id":6216,"date":"2024-05-15T06:41:36","date_gmt":"2024-05-15T06:41:36","guid":{"rendered":"https:\/\/www.epsilondelta.co\/blog\/?p=6216"},"modified":"2025-09-17T07:50:08","modified_gmt":"2025-09-17T07:50:08","slug":"gemini-the-ultimate-way-to-solve-the-inp","status":"publish","type":"post","link":"https:\/\/www.epsilondelta.co\/blog\/gemini-the-ultimate-way-to-solve-the-inp\/","title":{"rendered":"Gemini, The ultimate way to solve the INP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6216\" class=\"elementor elementor-6216\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78e7e95d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78e7e95d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bd1e0a1\" data-id=\"6bd1e0a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c4d0932 elementor-widget elementor-widget-text-editor\" data-id=\"1c4d0932\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!-- wp:paragraph -->\n<p>Ever since Google replaced the First Input Delay (FID) with the Interactions to Next Paint (INP) metric, the developer community is looking for ways to understand the INP metric and improve it.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>INP is now part of Core Web Vitals. This means that a bad INP will impact the SEO score negatively and cause the search ranking on Google to go down. As per Google, in order to measure and debug the INP, one needs to have the real user data of Core Web Vitals. While most RUM tools will give you INP core Web Vitals data to consume, Gemini stands out among the list of available RUM tools.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>The Gemini RUM tool has always been known to have key extra features that help in solving the performance issues of the web site. It provides not just individual data for debugging but also aggregate direction to improve the overall performance.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>Continuing on the same line, the Gemini RUM tool is now offering the \u2018Interactions\u2019 feature to understand, debug, and solve the INP problem.<\/p>\n<!-- \/wp:paragraph --><!-- wp:html -->\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"2410\" height=\"2560\" class=\"wp-image-6217\" style=\"width: 763px; height: auto;\" src=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-scaled.jpg\" alt=\"\" srcset=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-scaled.jpg 2410w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-282x300.jpg 282w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-377x400.jpg 377w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-768x816.jpg 768w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-1446x1536.jpg 1446w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/frontBlogImg-3-1928x2048.jpg 1928w\" sizes=\"(max-width: 2410px) 100vw, 2410px\" \/><\/figure>\n<!-- \/wp:html --><!-- wp:heading {\"level\":5} -->\n<h5 class=\"wp-block-heading\">INP Optimisation with Gemini<\/h5>\n<!-- \/wp:heading --><!-- wp:paragraph -->\n<p>Gemini helps you understand your top page templates and their INP values as seen by Google for SEO ranking. Based on that, you can start identifying your templates to focus on improving INP. It will also tell you the user interactions and their contribution to the overall interactions. It will also tell you the slowest target elements on the page templates where the users are facing interaction delays and to add to that, will also tell you which javascripts are causing the delays. All of this in an aggregated way, considering all the interaction samples received from real users<\/p>\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":5} -->\n<h5 class=\"wp-block-heading\">Slowest Target Elements<\/h5>\n<!-- \/wp:heading --><!-- wp:paragraph -->\n<p>Do not worry about how to find the interaction target elements on the pages. Gemini will also provide you with the xPath of the page as seen by the browser.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6437 size-large\" src=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.00.00\u202fPM-600x217.png\" alt=\"Top5element\" width=\"600\" height=\"217\" srcset=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.00.00\u202fPM-600x217.png 600w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.00.00\u202fPM-300x109.png 300w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.00.00\u202fPM-768x278.png 768w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.00.00\u202fPM-1536x557.png 1536w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.00.00\u202fPM.png 1656w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">\u00a0<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>The user interactions involve executing some javascripts. These cause multiple Long Animation Frames. Each Long Animation Frame may happen due to multiple javascript executions.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>If you want to debug and check details about how the interactions happened in one particular case, you can visit our scatter plot view and then go into the waterfall view.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6439 size-large\" src=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.11.42\u202fPM-600x216.png\" alt=\"scatter graph inp\" width=\"600\" height=\"216\" srcset=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.11.42\u202fPM-600x216.png 600w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.11.42\u202fPM-300x108.png 300w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.11.42\u202fPM-768x277.png 768w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.11.42\u202fPM-1536x553.png 1536w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-16-at-6.11.42\u202fPM.png 1672w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">\u00a0<\/p>\n<!-- \/wp:paragraph --><!-- wp:heading {\"level\":5} -->\n<h5 class=\"wp-block-heading\">INP WATERFALL<\/h5>\n<!-- \/wp:heading --><!-- wp:paragraph -->\n<p>The individual Log Animation Frame Details sample will tell you even more important information to solve the problem. Gemini will tell you the individual javascript events, scripts, their timings and their code characters which caused the Long Animation Frames.<\/p>\n<!-- \/wp:paragraph --><!-- wp:html -->\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"2560\" height=\"2105\" class=\"wp-image-6213\" style=\"width: 807px; height: auto;\" src=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-scaled.jpg\" alt=\"inp (LoAF)\" srcset=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-scaled.jpg 2560w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-300x247.jpg 300w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-486x400.jpg 486w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-768x632.jpg 768w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-1536x1263.jpg 1536w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2024\/05\/InpWaterfall-2048x1684.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<!-- \/wp:html --><!-- wp:heading {\"level\":5} -->\n<h5 class=\"wp-block-heading\">Javascript Execution Details<\/h5>\n<!-- \/wp:heading --><!-- wp:paragraph -->\n<p>No need to worry if you have inline script code or external code; Gemini will identify the code section responsible for delays and precisely locate the beginning of the function.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6446 size-large\" src=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-at-1.19.04\u202fPM-258x400.png\" alt=\"JSDetails\" width=\"258\" height=\"400\" srcset=\"https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-at-1.19.04\u202fPM-258x400.png 258w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-at-1.19.04\u202fPM-194x300.png 194w, https:\/\/www.epsilondelta.co\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-at-1.19.04\u202fPM.png 746w\" sizes=\"(max-width: 258px) 100vw, 258px\" \/><\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>Gemini provides the option to choose and access both aggregated and individual sample data using various filter criteria, including platform, time, page template, user action, page target elements, and JavaScript files.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>On top of this rich functionality, if you are a customer of the premium subscription in Gemini, we provide an expert performance analysis every 2 weeks complementary to the customers. These calls now include debugging the INP data sessions for the customer website.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p>Our customers are finding this new \u2018Interaction Details\u2019 feature very useful and already improving their INP scores. If you are interested in the same, please <a title=\"\" href=\"https:\/\/www.epsilondelta.co\/contact\" target=\"_blank\" rel=\"noopener ugc\"><strong>contact us<\/strong><\/a> for a free trial.<\/p>\n<!-- \/wp:paragraph --><!-- wp:code -->\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n<!-- \/wp:code --><!-- wp:code -->\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n<!-- \/wp:code -->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ever since Google replaced the First Input Delay (FID) with the Interactions to Next Paint (INP) metric, the developer community is looking for ways to understand the INP metric and improve it. INP is now part of Core Web Vitals. This means that a bad INP will impact the SEO score negatively and cause the &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.epsilondelta.co\/blog\/gemini-the-ultimate-way-to-solve-the-inp\/\"> <span class=\"screen-reader-text\">Gemini, The ultimate way to solve the INP<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":6299,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","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":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[1],"tags":[122,111,120,118,124,115,112,126,101,123,102,121,104],"class_list":["post-6216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sitespeedimprovementtipsonepsilondeltablog","tag-frontend","tag-gemini","tag-inp","tag-interaction-inp","tag-javascript","tag-lighthouse","tag-rum","tag-seo","tag-sitespeed","tag-testing","tag-userexperience","tag-webdeveloper","tag-webperformance"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/posts\/6216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/comments?post=6216"}],"version-history":[{"count":14,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/posts\/6216\/revisions"}],"predecessor-version":[{"id":6449,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/posts\/6216\/revisions\/6449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/media\/6299"}],"wp:attachment":[{"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/media?parent=6216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/categories?post=6216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.epsilondelta.co\/blog\/wp-json\/wp\/v2\/tags?post=6216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}