{"id":126397,"date":"2024-02-13T14:34:42","date_gmt":"2024-02-13T12:34:42","guid":{"rendered":"https:\/\/quondos.com\/mag\/?p=126397"},"modified":"2024-02-13T14:34:43","modified_gmt":"2024-02-13T12:34:43","slug":"interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene","status":"publish","type":"post","link":"https:\/\/quondos.com\/mag\/interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene\/","title":{"rendered":"Interaction to Next Paint (INP) como prepararse para el cambio que se viene"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"499\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2024\/02\/inp-dati.jpg\" alt=\"\" class=\"wp-image-126399\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2024\/02\/inp-dati.jpg 760w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2024\/02\/inp-dati-300x197.jpg 300w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<p>\u00a1Buenas noticias para los desarrolladores web y aficionados al universo digital! <strong>El 12 de marzo se marca un antes y un despu\u00e9s<\/strong> en c\u00f3mo medimos la interactividad en la web. Seg\u00fan la fuente, <strong>Interaction to Next Paint (INP) se convertir\u00e1 en la nueva m\u00e9trica web esencial<\/strong>, reemplazando al conocido retraso de primera entrada (FID). Pero, \u00bfqu\u00e9 significa esto para ti y tu sitio web? Vamos a desglosarlo en t\u00e9rminos sencillos.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/quondos.com\/mag\/interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene\/#%C2%BFQue_es_INP_y_por_que_es_importante\" >\u00bfQu\u00e9 es INP y por qu\u00e9 es importante?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/quondos.com\/mag\/interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene\/#Preparandonos_para_el_cambio\" >Prepar\u00e1ndonos para el cambio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/quondos.com\/mag\/interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene\/#El_impacto_de_INP_en_tu_sitio_web\" >El impacto de INP en tu sitio web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/quondos.com\/mag\/interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene\/#El_camino_por_delante\" >El camino por delante<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_INP_y_por_que_es_importante\"><\/span>\u00bfQu\u00e9 es INP y por qu\u00e9 es importante?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>INP mide la interactividad y la capacidad de respuesta<\/strong> de una p\u00e1gina web, capturando aspectos que el FID dejaba de lado. Desde mayo de 2022, el equipo de Chrome ha trabajado en hacer de INP una m\u00e9trica experimental, evolucionando hasta convertirla en un est\u00e1ndar este a\u00f1o. <strong>Este cambio pretende mejorar la experiencia del usuario<\/strong> en la web, ofreciendo una forma m\u00e1s completa de entender y optimizar la interactividad.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Preparandonos_para_el_cambio\"><\/span>Prepar\u00e1ndonos para el cambio<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00bfListo para el cambio? El primer paso es verificar si tu sitio cumple con el umbral \u00abBueno\u00bb de INP. Usando herramientas como PageSpeed Insights y el Informe sobre la experiencia del usuario en Chrome (CrUX), podr\u00e1s obtener esta informaci\u00f3n. <strong>Es crucial que tu sitio est\u00e9 optimizado<\/strong> para no quedarte atr\u00e1s.<\/p>\n\n<p><strong>Si tu sitio necesita mejorar<\/strong>, hay varios recursos a tu disposici\u00f3n. Desde detectar y diagnosticar interacciones lentas hasta optimizar tareas pesadas en JavaScript, la meta es asegurar una experiencia fluida para el usuario. Evitar dise\u00f1os complejos y minimizar el tama\u00f1o del DOM son solo algunas de las estrategias recomendadas.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"El_impacto_de_INP_en_tu_sitio_web\"><\/span>El impacto de INP en tu sitio web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Con el oficial cambio a INP el 12 de marzo, <strong>FID dejar\u00e1 de ser una m\u00e9trica esencial<\/strong> y ser\u00e1 retirado. Esto significa cambios importantes en la forma en que Google y otras herramientas eval\u00faan y muestran el rendimiento de tu sitio. Prepararte para este cambio es crucial para mantener y mejorar tu visibilidad y funcionalidad web.<\/p>\n\n<p>Adem\u00e1s, este cambio no solo afecta a las m\u00e9tricas, sino tambi\u00e9n a c\u00f3mo se percibe y mejora la interactividad web. Casos de \u00e9xito como The Economic Times y redBus muestran c\u00f3mo la optimizaci\u00f3n de estas m\u00e9tricas puede tener un <strong>impacto positivo en los resultados comerciales<\/strong>.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"El_camino_por_delante\"><\/span>El camino por delante<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La inclusi\u00f3n de INP en las M\u00e9tricas web esenciales es un paso significativo hacia una web m\u00e1s responsiva y centrada en el usuario. <strong>Es una oportunidad para que los desarrolladores profundicen y optimicen el rendimiento de sus sitios<\/strong>, mejorando la experiencia del usuario en general. Como siempre, se invita a la comunidad a compartir sus comentarios y dudas, participando activamente en la mejora continua de la web.<\/p>\n\n<p>En resumen, el 12 de marzo no es solo una fecha en el calendario, sino el inicio de una nueva era en la medici\u00f3n de la interactividad web. <strong>Adaptarse a INP es esencial<\/strong> para quienes buscan ofrecer experiencias de usuario de alta calidad y mantenerse competitivos en el din\u00e1mico mundo digital.<\/p>\n\n\n\n\n<p>Fuente:https:\/\/web.dev\/blog\/inp-cwv-march-12?hl=es-419<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Buenas noticias para los desarrolladores web y aficionados al universo digital! El 12 de marzo se marca un antes y &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Interaction to Next Paint (INP) como prepararse para el cambio que se viene\" class=\"read-more button\" href=\"https:\/\/quondos.com\/mag\/interaction-to-next-paint-inp-como-prepararse-para-el-cambio-que-se-viene\/#more-126397\" aria-label=\"Leer m\u00e1s sobre Interaction to Next Paint (INP) como prepararse para el cambio que se viene\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":850,"featured_media":126399,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236],"tags":[],"class_list":["post-126397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/126397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/users\/850"}],"replies":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/comments?post=126397"}],"version-history":[{"count":2,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/126397\/revisions"}],"predecessor-version":[{"id":126400,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/126397\/revisions\/126400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media\/126399"}],"wp:attachment":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media?parent=126397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/categories?post=126397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/tags?post=126397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}