{"id":127695,"date":"2024-10-29T23:39:32","date_gmt":"2024-10-29T21:39:32","guid":{"rendered":"https:\/\/quondos.com\/mag\/?p=127695"},"modified":"2024-10-29T23:39:35","modified_gmt":"2024-10-29T21:39:35","slug":"la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp","status":"publish","type":"post","link":"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/","title":{"rendered":"La documentaci\u00f3n oficial de Core Web Vitals se actualiza con novedades en Interaction Next to Paint (INP)"},"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>\u00bfTe has enterado de la \u00faltima actualizaci\u00f3n de Google sobre Core Web Vitals? Seg\u00fan la fuente, la documentaci\u00f3n oficial ha sido mejorada con nuevos detalles sobre el indicador de <strong>Interacci\u00f3n hasta la siguiente pintura (INP)<\/strong>.<\/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\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#%C2%BFQue_es_la_Interaccion_hasta_la_siguiente_pintura_INP\" >\u00bfQu\u00e9 es la Interacci\u00f3n hasta la siguiente pintura (INP)?<\/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\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Nuevos_umbrales_para_las_puntuaciones_de_INP\" >Nuevos umbrales para las puntuaciones de INP<\/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\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Un_solo_umbral_basado_en_dispositivos_moviles\" >Un solo umbral basado en dispositivos m\u00f3viles<\/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\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Los_nuevos_umbrales_establecidos\" >Los nuevos umbrales establecidos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Consideracion_de_dispositivos_de_gama_baja\" >Consideraci\u00f3n de dispositivos de gama baja<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Influencia_de_los_sitios_mas_populares_en_los_umbrales\" >Influencia de los sitios m\u00e1s populares en los umbrales<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Comentarios_de_expertos_en_rendimiento_web\" >Comentarios de expertos en rendimiento web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Comprendiendo_mejor_las_puntuaciones_de_INP\" >Comprendiendo mejor las puntuaciones de INP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#Conclusion\" >Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_la_Interaccion_hasta_la_siguiente_pintura_INP\"><\/span>\u00bfQu\u00e9 es la Interacci\u00f3n hasta la siguiente pintura (INP)?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>INP es una m\u00e9trica relativamente nueva que se convirti\u00f3 oficialmente en parte de Core Web Vitals en la primavera de 2024. Mide el tiempo que tarda un sitio en responder a <strong>interacciones del usuario<\/strong>, como clics, toques y pulsaciones de teclado.<\/p>\n<p>A diferencia de la m\u00e9trica anterior, First Input Delay, que solo med\u00eda el retraso en la primera interacci\u00f3n, INP considera <strong>todas las interacciones<\/strong> en la p\u00e1gina. Esto proporciona una idea m\u00e1s precisa de la experiencia real del usuario.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Nuevos_umbrales_para_las_puntuaciones_de_INP\"><\/span>Nuevos umbrales para las puntuaciones de INP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La principal novedad en la documentaci\u00f3n es la explicaci\u00f3n de los umbrales de rendimiento para INP. Estos umbrales determinan si una p\u00e1gina es <strong>buena<\/strong>, necesita mejora o es pobre en t\u00e9rminos de rendimiento.<\/p>\n<p>Uno de los desaf\u00edos fue decidir c\u00f3mo manejar las diferencias entre dispositivos. Es m\u00e1s f\u00e1cil lograr altas puntuaciones de INP en <strong>escritorios<\/strong> que en m\u00f3viles debido a factores como la velocidad de red y las capacidades del dispositivo.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Un_solo_umbral_basado_en_dispositivos_moviles\"><\/span>Un solo umbral basado en dispositivos m\u00f3viles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En lugar de crear diferentes umbrales para cada tipo de dispositivo, se decidi\u00f3 establecer un <strong>umbral \u00fanico basado en m\u00f3viles<\/strong>. Esto porque la experiencia del usuario no deber\u00eda depender del dispositivo utilizado.<\/p>\n<p>Seg\u00fan la fuente, esto tambi\u00e9n simplifica la comprensi\u00f3n de los umbrales y evita complicaciones al categorizar dispositivos por factores como forma, potencia o condiciones de red.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Los_nuevos_umbrales_establecidos\"><\/span>Los nuevos umbrales establecidos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Los umbrales que Chrome ha establecido son los siguientes:<\/p>\n<ul>\n  <li><strong>Menos de 200 ms:<\/strong> Se considera una buena puntuaci\u00f3n.<\/li>\n  <li><strong>Entre 200 ms y 500 ms:<\/strong> Necesita mejora.<\/li>\n  <li><strong>M\u00e1s de 500 ms:<\/strong> Se considera una puntuaci\u00f3n pobre.<\/li>\n<\/ul>\n<p>Estos valores fueron elegidos para ser realistas y alcanzables, especialmente en dispositivos m\u00f3viles de gama baja que son ampliamente utilizados.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Consideracion_de_dispositivos_de_gama_baja\"><\/span>Consideraci\u00f3n de dispositivos de gama baja<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Chrome puso especial atenci\u00f3n en asegurarse de que los umbrales fueran <strong>alcanzables<\/strong> en dispositivos m\u00f3viles menos potentes. Esto es crucial porque una gran cantidad de usuarios acceden a internet desde estos dispositivos.<\/p>\n<p>Teniendo en cuenta investigaciones sobre la calidad de la experiencia y criterios de alcanzabilidad, se concluy\u00f3 que 200 ms es un umbral razonable para ofrecer <strong>buenas experiencias<\/strong> a la mayor\u00eda de los usuarios.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Influencia_de_los_sitios_mas_populares_en_los_umbrales\"><\/span>Influencia de los sitios m\u00e1s populares en los umbrales<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Otra visi\u00f3n interesante es c\u00f3mo los sitios m\u00e1s visitados influyeron en la definici\u00f3n de estos umbrales. Al examinar el rendimiento de los <strong>10,000 sitios m\u00e1s populares<\/strong>, se encontr\u00f3 que muchos luchaban por alcanzar puntuaciones de 300 ms.<\/p>\n<p>Seg\u00fan la fuente, datos de experiencia de usuario real mostraron que el 55% de las visitas a estos sitios estaban en el umbral de 300 ms. Esto llev\u00f3 al equipo de Chrome a establecer umbrales que fueran m\u00e1s realistas para el rendimiento actual.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Comentarios_de_expertos_en_rendimiento_web\"><\/span>Comentarios de expertos en rendimiento web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Barry Pollard, un defensor del rendimiento web en Google Chrome y coautor de la documentaci\u00f3n, comparti\u00f3 informaci\u00f3n adicional. Mencion\u00f3 que aunque se han hecho <strong>grandes avances<\/strong> en INP, alcanzar menos de 200 ms seguir\u00e1 siendo un desaf\u00edo en dispositivos m\u00f3viles de gama baja.<\/p>\n<p>Esto refleja que, aunque los dispositivos m\u00f3viles de alta gama son muy potentes, el aumento en rendimiento en dispositivos de gama baja no avanza al mismo ritmo.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Comprendiendo_mejor_las_puntuaciones_de_INP\"><\/span>Comprendiendo mejor las puntuaciones de INP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La nueva documentaci\u00f3n ofrece una comprensi\u00f3n m\u00e1s profunda de c\u00f3mo Chrome elige m\u00e9tricas alcanzables. Esto ayuda a eliminar parte del misterio alrededor de esta <strong>nueva m\u00e9trica<\/strong> de Core Web Vitals.<\/p>\n<p>Para los desarrolladores y propietarios de sitios web, entender estos umbrales es clave para mejorar la experiencia del usuario y optimizar el rendimiento de sus p\u00e1ginas.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En resumen, Google ha actualizado su documentaci\u00f3n de Core Web Vitals para ofrecer m\u00e1s detalles sobre INP y c\u00f3mo se establecieron sus umbrales. Seg\u00fan la fuente, esto proporciona una gu\u00eda m\u00e1s clara para que los sitios web puedan <strong>mejorar su rendimiento<\/strong> y ofrecer mejores experiencias a los usuarios.<\/p>\n<p>Si eres desarrollador o manejas un sitio web, es un buen momento para revisar estos nuevos detalles y asegurarte de que tu sitio cumple con las \u00faltimas recomendaciones.<\/p>\n\n\n\n<p>Fuente: https:\/\/www.searchenginejournal.com\/core-web-vitals-documentation-updated\/531052\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfTe has enterado de la \u00faltima actualizaci\u00f3n de Google sobre Core Web Vitals? Seg\u00fan la fuente, la documentaci\u00f3n oficial ha &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"La documentaci\u00f3n oficial de Core Web Vitals se actualiza con novedades en Interaction Next to Paint (INP)\" class=\"read-more button\" href=\"https:\/\/quondos.com\/mag\/la-documentacion-oficial-de-core-web-vitals-se-actualiza-con-novedades-en-interaction-next-to-paint-inp\/#more-127695\" aria-label=\"Leer m\u00e1s sobre La documentaci\u00f3n oficial de Core Web Vitals se actualiza con novedades en Interaction Next to Paint (INP)\">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-127695","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\/127695","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=127695"}],"version-history":[{"count":1,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/127695\/revisions"}],"predecessor-version":[{"id":127696,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/127695\/revisions\/127696"}],"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=127695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/categories?post=127695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/tags?post=127695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}