{"id":18394,"date":"2022-04-21T19:46:32","date_gmt":"2022-04-21T17:46:32","guid":{"rendered":"\/tutoriales\/?p=18394"},"modified":"2025-03-05T14:36:17","modified_gmt":"2025-03-05T13:36:17","slug":"core-web-vitals","status":"publish","type":"post","link":"\/es\/tutoriales\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: utiliza estas m\u00e9tricas para mejorar el rendimiento de tu sitio web"},"content":{"rendered":"<p>Los factores de clasificaci&oacute;n y el algoritmo de Google sol&iacute;an ser principalmente sem&aacute;nticos. Sin embargo, el motor de b&uacute;squeda empez&oacute; a dar prioridad a la experiencia del usuario tras sus recientes actualizaciones.<\/p><p>Despu&eacute;s de aplicar varios criterios de experiencia de usuario, como la velocidad de la p&aacute;gina y la facilidad de uso en dispositivos m&oacute;viles, Google anunci&oacute; las <strong>Core Web Vitals<\/strong> para proporcionar una gu&iacute;a unificada de los indicadores de calidad de un sitio web.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-ES.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-25983\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Esta gu&iacute;a explicar&aacute; la informaci&oacute;n necesaria sobre las Core Web Vitals, incluida la definici&oacute;n y las herramientas para medir las puntuaciones de tu sitio web. Tambi&eacute;n mostraremos c&oacute;mo utilizar una de las herramientas y discutiremos otras m&eacute;tricas que apoyan las tres principales Web Vitals.<\/p><p>\n\n\n\n\n\n\n\n<div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   &iquest;Qu&eacute; son las Core Web Vitals?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Las Core Web Vitals de Google son m&eacute;tricas estandarizadas para medir la experiencia del usuario. Las Core Web Vitals representan tres elementos que afectan a la forma en que los usuarios interact&uacute;an con un sitio web: la velocidad de carga, la interacci&oacute;n con el usuario y la estabilidad visual.<\/p><\/div>\n\n\n\n<\/p><p>Las Core Web Vitals ayudan a los propietarios de sitios a evaluarlos y a identificar las &aacute;reas que deben mejorar, ya que muestran puntuaciones de referencia espec&iacute;ficas.<\/p><h2 class=\"wp-block-heading\" id=\"h-principales-metricas-de-core-web-vitals\">Principales m&eacute;tricas de Core Web Vitals<\/h2><p>Google menciona que las m&eacute;tricas de las Core Web Vitals <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noreferrer noopener\">pueden evolucionar con el tiempo<\/a>, dependiendo de lo que los usuarios vean como una buena experiencia en la p&aacute;gina. En la actualidad, los due&ntilde;os y desarrolladores de sitios deben medir las siguientes tres m&eacute;tricas de las Core Web Vitals.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/04\/core-web-vitals_ES.png\/public\" alt=\"Imagen que ilustra las tres m&eacute;tricas de las core web vitals.\" class=\"wp-image-39467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/04\/core-web-vitals_ES.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/04\/core-web-vitals_ES.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/04\/core-web-vitals_ES.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/04\/core-web-vitals_ES.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-largest-contentful-paint-lcp-tiempo-de-carga-de-la-pagina\">Largest Contentful Paint (LCP): Tiempo de carga de la p&aacute;gina<\/h3><p>El Largest Contentful Paint (LCP) comprueba el tiempo de renderizaci&oacute;n del contenido principal de una p&aacute;gina cuando comienza a cargarse. El contenido principal es generalmente la imagen m&aacute;s grande o un bloque de texto en la ventana gr&aacute;fica, el &aacute;rea visible de una p&aacute;gina web en el dispositivo de un usuario.<\/p><p>Los datos de LCP se componen principalmente de los siguientes elementos:<\/p><ul class=\"wp-block-list\">\n<li>Elementos de imagen<\/li>\n\n\n\n<li>Texto a nivel de bloque<\/li>\n\n\n\n<li>Im&aacute;genes de carteles de v&iacute;deo<\/li>\n\n\n\n<li>Im&aacute;genes de fondo<\/li>\n<\/ul><p>Los propietarios de los sitios deben asegurarse de que la puntuaci&oacute;n de Core Web Vital sea de <strong>2,5 segundos o menos<\/strong> para ofrecer una buena experiencia al usuario y alcanzar una velocidad ideal del sitio.<\/p><p>Aunque el contenido de carga tard&iacute;a suele ser m&aacute;s grande que los dem&aacute;s elementos de la p&aacute;gina, no siempre es as&iacute;. <strong>Precargar el contenido m&aacute;s grande<\/strong> ayuda a conseguir una mejor puntuaci&oacute;n LCP y a mejorar la experiencia.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"694\" height=\"366\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/mejorar-tiempo-de-carga-LCP.png\/public\" alt=\"Comparaci&oacute;n para mejorar la carga de la p&aacute;gina\" class=\"wp-image-18410\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/mejorar-tiempo-de-carga-LCP.png\/w=694,fit=scale-down 694w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/mejorar-tiempo-de-carga-LCP.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/mejorar-tiempo-de-carga-LCP.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/figure>\n<\/div><p>Los factores m&aacute;s comunes de la mala puntuaci&oacute;n LCP son los tiempos de respuesta lentos del servidor, el renderizado del lado del cliente y las im&aacute;genes de gran tama&ntilde;o.<\/p><h3 class=\"wp-block-heading\" id=\"h-interaction-to-next-paint-inp-capacidad-de-respuesta-de-la-pagina\">Interaction to Next Paint (INP): Capacidad de respuesta de la p&aacute;gina<\/h3><p>La <a href=\"\/es\/tutoriales\/interaction-to-next-paint\/\">Interaction to Next Paint (INP)<\/a> eval&uacute;a la rapidez con la que tu p&aacute;gina reacciona a la interacci&oacute;n del usuario, por ejemplo, al hacer clic en un enlace o en un bot&oacute;n CTA.<\/p><p>Una puntuaci&oacute;n INP alta significa que sus usuarios tienen que esperar un rato a que la p&aacute;gina se actualice despu&eacute;s de su interacci&oacute;n. Esto puede perjudicar la experiencia del usuario y aumentar la tasa de rebote.<\/p><p>Las puntuaciones INP se eval&uacute;an de la siguiente manera:<\/p><p>Buen resultado: por debajo de 200 milisegundos.<br>Necesita mejorar: entre 200 y 500 milisegundos.<br>Deficiente: m&aacute;s de 500 milisegundos.<\/p><p>Para mejorar tu puntuaci&oacute;n INP, eval&uacute;a el tama&ntilde;o y la complejidad de tu sitio web. Aseg&uacute;rate de minificar los archivos JavaScript, activar la compresi&oacute;n GZip y utilizar una CDN.<\/p><p>Los usuarios de Hostinger pueden disfrutar de una CDN interna, que puede acelerar tu sitio web en un 40%. No cuesta nada para los usuarios con un plan de alojamiento web Business o cualquier otro plan de nivel superior.<\/p><p class=\"important\"><strong>&iexcl;Importante!<\/strong> Los usuarios pueden encontrarse con retrasos diferentes, dependiendo de su hardware y de las condiciones de la red. Por ejemplo, la carga de sitios en una conexi&oacute;n Wi-Fi r&aacute;pida ser&aacute; diferente a la de una red 3G.<\/p><h2 class=\"wp-block-heading\" id=\"h-cumulative-layout-shift-experiencia-visual-de-la-pagina\">Cumulative Layout Shift: Experiencia visual de la p&aacute;gina<\/h2><p>The Cumulative Layout Shift (CLS) mide la estabilidad visual y comprueba si hay un desplazamiento inesperado del dise&ntilde;o en la p&aacute;gina.<\/p><p>El movimiento inesperado se produce cuando los elementos como el texto, los botones y las im&aacute;genes, son empujados hacia abajo mientras la p&aacute;gina todav&iacute;a se est&aacute; cargando. Esto suele provocar frustraci&oacute;n porque el usuario puede hacer clic en otra cosa cuando los elementos se est&aacute;n moviendo.<\/p><p>Las p&aacute;ginas deben tener una puntuaci&oacute;n CLS de <strong>0,1 o menos<\/strong>.<\/p><p>Anteriormente, Google med&iacute;a esta m&eacute;trica de Core Web Vitals calculando la suma de las puntuaciones de desplazamiento de dise&ntilde;o individuales en toda la p&aacute;gina.<\/p><p>El sistema <a href=\"https:\/\/web.dev\/evolving-cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">punt&uacute;a las ventanas de la sesi&oacute;n<\/a> desde 2021. Agrupa uno o m&aacute;s cambios de dise&ntilde;o individuales que se producen en un m&aacute;ximo de cinco segundos con un intervalo de un segundo entre ventanas.<\/p><p>Los factores m&aacute;s comunes de los cambios de dise&ntilde;o son las im&aacute;genes, los widgets y los banners publicitarios sin dimensiones.<\/p><h2 class=\"wp-block-heading\" id=\"h-que-importancia-tienen-las-core-web-vitals\">&iquest;Qu&eacute; importancia tienen las Core Web Vitals?<\/h2><p>Las Core Web Vitals forman parte de los indicadores de experiencia de la p&aacute;gina que incluyen la facilidad de uso en dispositivos m&oacute;viles, la navegaci&oacute;n segura y la ausencia de intersticiales intrusivos.<\/p><p>Estas m&eacute;tricas de experiencia de la p&aacute;gina se han convertido en una importante <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/experience\/page-experience\" target=\"_blank\" rel=\"noreferrer noopener\">se&ntilde;al de posicionamiento web<\/a>, tanto para los dispositivos m&oacute;viles como para ordenadores.<\/p><p>La misma actualizaci&oacute;n de la experiencia de la p&aacute;gina de Google tambi&eacute;n muestra que el motor de b&uacute;squeda sigue dando prioridad a las p&aacute;ginas con el contenido m&aacute;s relevante. Sin embargo, la experiencia de p&aacute;gina puede aumentar la visibilidad si varias tienen niveles de relevancia similares.<\/p><p>Por lo tanto, podemos concluir que las Core Web Vitals desempe&ntilde;an un papel importante en los factores de posicionamiento en los motores de b&uacute;squeda.<\/p><p>Los Core Web Vitals tambi&eacute;n te ayudan a garantizar que tu sitio ofrezca un rendimiento r&aacute;pido y estable, lo que puede aumentar las tasas de conversi&oacute;n e interacci&oacute;n.<\/p><p>De hecho, <strong>m&aacute;s del 50% de los usuarios de m&oacute;viles<\/strong> abandonan una p&aacute;gina que tarda m&aacute;s de tres segundos en cargarse. De uno a tres segundos adicionales en el tiempo de carga puede <a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520?hl=es\" target=\"_blank\" rel=\"noreferrer noopener\">aumentar la tasa de rebote en un 32%<\/a>.<\/p><p>Herramientas para medir las Core Web Vitals<\/p><p>Dado que las Core Web Vitals se han convertido en una se&ntilde;al de posicionamiento, los expertos en <a href=\"\/es\/tutoriales\/que-es-seo\/\">SEO<\/a> deben supervisar sus puntuaciones y asegurarse de que las m&eacute;tricas funcionen bien para obtener las primeras posiciones en los resultados de b&uacute;squeda de Google.<\/p><p>Tres herramientas de Google para medir las Core Web Vitals son:<\/p><ul class=\"wp-block-list\">\n<li><strong>PageSpeed Insights:<\/strong> informa de los datos de Core Web Vitals en dispositivos m&oacute;viles y de escritorio durante los &uacute;ltimos 28 d&iacute;as. Tambi&eacute;n muestra un an&aacute;lisis de <a href=\"\/es\/tutoriales\/test-velocidad-web\/\">prueba de velocidad<\/a> para comprobar el tiempo de carga de tu sitio web. Para utilizar esta herramienta, ve al <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">sitio de PageSpeed Insights<\/a>, introduce una URL y pulsa el bot&oacute;n <strong>Analizar<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-insights.png\/w=1024,h=1024,fit=scale-down\" alt=\"P&aacute;gina de inicio de PageSpeed Insights\" class=\"wp-image-18432\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><ul class=\"wp-block-list\">\n<li><strong>Lighthouse<\/strong>: es una herramienta automatizada y de c&oacute;digo abierto para monitorizar el rendimiento de la web. Lighthouse tiene varias m&eacute;tricas que PageSpeed Insights no tiene, como la accesibilidad y el SEO. Dos m&eacute;todos para utilizar esta herramienta son instalar la extensi&oacute;n y hacer clic con el bot&oacute;n derecho en una p&aacute;gina espec&iacute;fica que desees analizar -&gt; <strong>Inspeccionar<\/strong> -&gt; <strong>Lighthouse<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"634\" height=\"363\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Lighthouse-report.png\/public\" alt=\"Visualizaci&oacute;n reporte de Lighthouse\" class=\"wp-image-18435\" style=\"width:634px;height:363px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Lighthouse-report.png\/w=634,fit=scale-down 634w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Lighthouse-report.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Lighthouse-report.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/figure>\n<\/div><ul class=\"wp-block-list\">\n<li><strong>Search Console<\/strong>: muestra las m&eacute;tricas de rendimiento en el informe M&eacute;tricas web principales en la secci&oacute;n <strong>Experiencia<\/strong>. A diferencia de&acute;las herramientas anteriores, esta te permite comprobar todas las p&aacute;ginas web de tu sitio en conjunto.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"862\" height=\"411\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/google-search-console-1.png\/public\" alt=\"Informe de m&eacute;tricas web principales de Google Search Console\" class=\"wp-image-18438\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/google-search-console-1.png\/w=862,fit=scale-down 862w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/google-search-console-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/google-search-console-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/google-search-console-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 862px) 100vw, 862px\" \/><\/figure>\n<\/div><figure tabindex=\"0\" class=\"wp-block-table aligncenter\"><table><tbody><tr><td>&nbsp;<\/td><td><strong>LCP<\/strong><\/td><td><strong>INP<\/strong><\/td><td><strong>CLS<\/strong><\/td><\/tr><tr><td><strong>PageSpeed Insights<\/strong><\/td><td>Si<\/td><td>Si<\/td><td>Si<\/td><\/tr><tr><td><strong>Lighthouse<\/strong><\/td><td>Si<\/td><td>Si<\/td><td>Si<\/td><\/tr><tr><td><strong>Search Console<\/strong><\/td><td>Si<\/td><td>Si<\/td><td>Si<\/td><\/tr><\/tbody><\/table><\/figure><p>Las cifras siempre reflejan con precisi&oacute;n la experiencia del mundo real con cualquier herramienta de Google, gracias al informe sobre la experiencia del usuario de Chrome.<\/p><p>El informe recopila datos de usuarios an&oacute;nimos de Google Chrome que han optado por sincronizar su historial de navegaci&oacute;n. Ayuda a los due&ntilde;os de sitios web a evaluar r&aacute;pidamente el rendimiento de sus p&aacute;ginas sin tener que conectar manualmente su Google Analytics con las herramientas.<\/p><p>Google aplica el <a href=\"https:\/\/web.dev\/defining-core-web-vitals-thresholds\/\" target=\"_blank\" rel=\"noreferrer noopener\">valor del percentil 75<\/a> de todas las p&aacute;ginas vistas para clasificar el rendimiento general. Esto significa que Google otorgar&aacute; al sitio o a la p&aacute;gina una buena puntuaci&oacute;n si al menos el 75% de las visualizaciones de la p&aacute;gina cumplen el umbral Bueno de cada Core Web Vital.<\/p><p>Ten en cuenta que la puntuaci&oacute;n de una p&aacute;gina no influir&aacute; en el rendimiento de las dem&aacute;s p&aacute;ginas en cada m&eacute;trica. Por ejemplo, una p&aacute;gina de inicio puede tener una puntuaci&oacute;n m&aacute;s baja que una de producto.<\/p><p>\n\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Lectura recomendada                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><\/p><p>Lee nuestro tutorial sobre <a href=\"\/es\/tutoriales\/seo-en-wordpress\/\">estrategias de SEO<\/a> para mejorar el ranking de tu sitio.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-como-medir-las-core-web-vitals\">C&oacute;mo medir las Core Web Vitals<\/h2><p>Medir las Core Web Vitals es f&aacute;cil con las herramientas anteriores. Te mostrar&aacute;n los problemas y te dar&aacute;n sugerencias pr&aacute;cticas para mejorar.<\/p><p>Esta secci&oacute;n te guiar&aacute; a trav&eacute;s de una prueba de Core Web Vitals desde la p&aacute;gina de Tutoriales de Hostinger utilizando PageSpeed Insights.<\/p><p>Ingresa la p&aacute;gina que quieres evaluar y haz clic en <strong>Analizar<\/strong>. La herramienta mostrar&aacute; barras de puntuaci&oacute;n para varias m&eacute;tricas b&aacute;sicas y si la p&aacute;gina web pasa o no la evaluaci&oacute;n de Core Web Vitals.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1335\" height=\"618\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/pagespeed-insights-ejemplo.png\/w=1024,h=1024,fit=scale-down\" alt=\"Visualizaci&oacute;n del informe de ejemplo en PageSpeed Insights\" class=\"wp-image-18444\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/pagespeed-insights-ejemplo.png\/w=1335,fit=scale-down 1335w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/pagespeed-insights-ejemplo.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/pagespeed-insights-ejemplo.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/pagespeed-insights-ejemplo.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/pagespeed-insights-ejemplo.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1335px) 100vw, 1335px\" \/><\/figure>\n<\/div><p>Haz clic en <strong>Expandir vista<\/strong> para ver las puntuaciones m&aacute;s detalladas.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1334\" height=\"639\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/expandir-vista-pagespeed.png\/w=1024,h=1024,fit=scale-down\" alt=\"M&aacute;s detalles de las puntuaciones obtenidas en PageSpeed\" class=\"wp-image-18447\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/expandir-vista-pagespeed.png\/w=1334,fit=scale-down 1334w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/expandir-vista-pagespeed.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/expandir-vista-pagespeed.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/expandir-vista-pagespeed.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/expandir-vista-pagespeed.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1334px) 100vw, 1334px\" \/><\/figure>\n<\/div><p>Cambia el an&aacute;lisis a <strong>M&oacute;vil<\/strong> o <strong>Escritorio<\/strong> para ver las puntuaciones de cada dispositivo.<\/p><p>Despl&aacute;zate hacia abajo para ver las puntuaciones exactas de cada m&eacute;trica. Aqu&iacute;, todos los n&uacute;meros son verdes, lo que indica que la p&aacute;gina de Tutoriales Hostinger tiene buenas puntuaciones de Core Web Vitals.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1335\" height=\"597\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/puntuaciones-metricas-pagespeed.png\/w=1024,h=1024,fit=scale-down\" alt=\"Detalle de las m&eacute;tricas en PageSpeed\" class=\"wp-image-18450\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/puntuaciones-metricas-pagespeed.png\/w=1335,fit=scale-down 1335w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/puntuaciones-metricas-pagespeed.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/puntuaciones-metricas-pagespeed.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/puntuaciones-metricas-pagespeed.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/puntuaciones-metricas-pagespeed.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1335px) 100vw, 1335px\" \/><\/figure>\n<\/div><p>Los n&uacute;meros ser&aacute;n rojos si la herramienta ve que la p&aacute;gina ofrece un rendimiento bajo.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"810\" height=\"380\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/rendimiento-bajo-pagespeed.png\/public\" alt=\"Visualizaci&oacute;n de PageSpeed cuando la web tiene bajo rendimiento\" class=\"wp-image-18452\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/rendimiento-bajo-pagespeed.png\/w=810,fit=scale-down 810w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/rendimiento-bajo-pagespeed.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/rendimiento-bajo-pagespeed.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/rendimiento-bajo-pagespeed.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/figure>\n<\/div><p>Debajo de la secci&oacute;n de <strong>M&eacute;tricas<\/strong>, <strong>Oportunidades<\/strong> y <strong>Diagn&oacute;sticos<\/strong> se muestran las sugerencias para mejorar el rendimiento de la p&aacute;gina.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1336\" height=\"628\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/oportunidades-diagnostico-pagespeed-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"Oportunidades y diagn&oacute;stico obtenido de Pagespeed\" class=\"wp-image-18456\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/oportunidades-diagnostico-pagespeed-1.png\/w=1336,fit=scale-down 1336w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/oportunidades-diagnostico-pagespeed-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/oportunidades-diagnostico-pagespeed-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/oportunidades-diagnostico-pagespeed-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/oportunidades-diagnostico-pagespeed-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1336px) 100vw, 1336px\" \/><\/figure>\n<\/div><p>Por ejemplo, si la herramienta detecta una imagen de gran tama&ntilde;o, sugerir&aacute; subirla a trav&eacute;s de la biblioteca multimedia para evitar el uso de fotos de tama&ntilde;o completo. La tabla inferior muestra las fotos que se pueden optimizar y su potencial ahorro.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"755\" height=\"357\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-oportunidades.png\/public\" alt=\"Sugerencias en Pagespeed para mejorar el rendimiento de la web\" class=\"wp-image-18458\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-oportunidades.png\/w=755,fit=scale-down 755w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-oportunidades.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Pagespeed-oportunidades.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/figure>\n<\/div><p>Para filtrar las sugerencias, haz clic en una m&eacute;trica espec&iacute;fica por encima de la secci&oacute;n de <strong>oportunidades<\/strong>. Pulsa el bot&oacute;n <strong>Ver diagrama de &aacute;rbol<\/strong> para ver los datos de JavaScript agrupados jer&aacute;rquicamente.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"658\" height=\"150\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Diagrama-de-arbol.png\/public\" alt=\"Visualizaci&oacute;n del diagrama de &aacute;rbol\" class=\"wp-image-18460\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Diagrama-de-arbol.png\/w=658,fit=scale-down 658w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Diagrama-de-arbol.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/Diagrama-de-arbol.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-otras-metricas-de-rendimiento-que-hay-que-comprobar\"><strong>Otras m&eacute;tricas de rendimiento que hay que comprobar<\/strong><\/h2><p>Adem&aacute;s de las tres m&eacute;tricas anteriores, los due&ntilde;os de sitios web tambi&eacute;n deben tener en cuenta m&aacute;s factores para ofrecer una gran experiencia de usuario. Incluyendo First Contentful Paint (FCP), Total Blocking Time (TBT) y Time to Interactive (TTI).<\/p><p>Aunque puedes encontrar estas nuevas m&eacute;tricas en algunas de las herramientas de Core Web Vitals, no forman parte de ellas. Ayudan a capturar una mayor parte de la experiencia de la p&aacute;gina y a diagnosticar un problema espec&iacute;fico.<\/p><h3 class=\"wp-block-heading\" id=\"h-speed-index-si\"><strong>Speed Index (SI)<\/strong><\/h3><p>The Speed Index (SI) mide el tiempo que tardan en aparecer las partes dentro de la ventana gr&aacute;fica. Para calcular tu SI, una herramienta de an&aacute;lisis capturar&aacute; un video de una p&aacute;gina carg&aacute;ndose en el navegador y calcular&aacute; el proceso fotograma a fotograma.<\/p><p>Una buena puntuaci&oacute;n de SI es de <strong>3,4 segundos o menos.<\/strong> La calidad de tu experiencia de usuario es mejor cuando el contenido de la parte superior de la p&aacute;gina aparece m&aacute;s r&aacute;pido.<\/p><h3 class=\"wp-block-heading\" id=\"h-first-contentful-paint-fcp\"><strong>First Contentful Paint (FCP)<\/strong><\/h3><p>La primera pintura de contenido (FCP) calcula el tiempo que el navegador muestra cualquier contenido del modelo de objetos del documento (DOM). Incluye texto, im&aacute;genes y lienzos no blancos.<\/p><p>Ten en cuenta que el FCP es diferente del LCP, que mide el tiempo de renderizaci&oacute;n del contenido m&aacute;s grande de una p&aacute;gina. Para proporcionar una buena experiencia de usuario, los due&ntilde;os de sitios deber&iacute;an tener una puntuaci&oacute;n FCP de<strong> 1,8 segundos o menos.<\/strong><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"728\" height=\"284\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/fcp-vs-lcp.png\/public\" alt=\"Comparaci&oacute;n FCP y LCP\" class=\"wp-image-18463\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/fcp-vs-lcp.png\/w=728,fit=scale-down 728w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/fcp-vs-lcp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/04\/fcp-vs-lcp.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-time-to-interactive-tti\"><strong>Time to Interactive (TTI)<\/strong><\/h3><p>Time to Interactive (TTI) es el tiempo que necesita una p&aacute;gina para ser totalmente interactiva. Google considera que una p&aacute;gina es interactiva cuando:<\/p><ul class=\"wp-block-list\">\n<li>La p&aacute;gina muestra contenido utilizable.<\/li>\n\n\n\n<li>La p&aacute;gina responde a las interacciones del usuario en 50 milisegundos.<\/li>\n\n\n\n<li>Los due&ntilde;os del sitio registran <strong>controladores de eventos<\/strong> para los elementos m&aacute;s visibles de la p&aacute;gina.<\/li>\n<\/ul><p>Una puntuaci&oacute;n TTI ideal es de <strong>3,8 segundos o menos.<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-total-blocking-time-tbt\"><strong>Total Blocking Time (TBT)<\/strong><\/h3><p>Total Blocking Time (TBT) es la suma de todo el tiempo en el que una p&aacute;gina est&aacute; bloqueada para responder a la entrada del usuario.<\/p><p>Google calcula el total sumando la parte de bloqueo de las tareas largas de JavaScript entre el FCP y el TTI. Cualquier tarea ejecutada durante m&aacute;s de 50 milisegundos es una tarea larga. El per&iacute;odo posterior a los 50 milisegundos es la parte de bloqueo.<\/p><p>Una buena puntuaci&oacute;n de TTI es de <strong>200 milisegundos.<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-time-to-first-byte-ttfb\"><strong>Time to First Byte (TTFB)<\/strong><\/h3><p>The Time to First Byte (TTFB) identifica cu&aacute;ndo tu servidor env&iacute;a una respuesta al navegador del usuario. Cuanto m&aacute;s tarde el navegador en obtener los datos, m&aacute;s tardar&aacute; en mostrar tu p&aacute;gina.<\/p><p>El TTFB es la suma de estas fases de solicitud:<\/p><ul class=\"wp-block-list\">\n<li>Tiempo de redirecci&oacute;n.<\/li>\n\n\n\n<li>Tiempo de arranque del service worker (si lo hay).<\/li>\n\n\n\n<li>B&uacute;squeda de DNS.<\/li>\n\n\n\n<li>Negociaci&oacute;n de la conexi&oacute;n y del Transport Layer Security (TLS).<\/li>\n\n\n\n<li>Solicitud hasta que llega el primer byte de la respuesta.<\/li>\n<\/ul><p>Google no puede poner un n&uacute;mero exacto de una buena puntuaci&oacute;n TTFB debido a su amplia variaci&oacute;n de red y aplicaci&oacute;n de backend stacks<\/p><p>\n\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Lectura recomendada                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><\/p><p>Adem&aacute;s de las Core Web Vitals, hay otros aspectos que debes optimizar para garantizar un <a href=\"\/es\/tutoriales\/que-es-rendimiento-web\/\">rendimiento web<\/a> &oacute;ptimo. Lee <a href=\"\/es\/tutoriales\/mejorar-velocidad-wordpress\/\">c&oacute;mo acelerar WordPress<\/a> para descubrirlo.<\/p>\n                    <\/div>\n        \n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/es\/hosting-web\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-29291\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Las Core Web Vitals son un factor de posicionamiento en los resultados de b&uacute;squeda de Google relacionado con la experiencia en la p&aacute;gina. Tambi&eacute;n ayudan a aumentar las tasas de participaci&oacute;n y a reducir las tasas de rebote al garantizar una buena experiencia de usuario.<\/p><p>Hay tres m&eacute;tricas principales de Core Web Vitals:<\/p><ul class=\"wp-block-list\">\n<li><strong>Largest contentful Paint:<\/strong> calcula el tiempo que tarda un sitio web en mostrar el mayor contenido en la pantalla.<\/li>\n\n\n\n<li><strong>Interaction to Next Paint<\/strong>: mide la capacidad de respuesta de la p&aacute;gina tras la interacci&oacute;n del usuario.<\/li>\n\n\n\n<li><strong>Cumulative layout shift:<\/strong> comprueba la estabilidad visual de la carga de una p&aacute;gina.<\/li>\n<\/ul><p>Como se&ntilde;al cr&iacute;tica de la experiencia del usuario, quienes tienen sitios deben comprobar sus puntuaciones de Core Web Vitals. Tres herramientas de Google para medir estas m&eacute;tricas son PageSpeed Insights, Lighthouse y Search Console. Estas herramientas mostrar&aacute;n tus puntuaciones de Core Web Vitals y te dar&aacute;n consejos para mejorarlas.<\/p><p>Esperamos que este art&iacute;culo te haya ayudado a entender el concepto de Web Vitals, a alcanzar buenas puntuaciones de experiencia de la p&aacute;gina y a optimizar tu sitio web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los factores de clasificaci&oacute;n y el algoritmo de Google sol&iacute;an ser principalmente sem&aacute;nticos. Sin embargo, el motor de b&uacute;squeda empez&oacute; a dar prioridad a la experiencia del usuario tras sus recientes actualizaciones. Despu&eacute;s de aplicar varios criterios de experiencia de usuario, como la velocidad de la p&aacute;gina y la facilidad de uso en dispositivos m&oacute;viles, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/es\/tutoriales\/core-web-vitals\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":317,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Core Web Vitals: qu\u00e9 son y c\u00f3mo medirlas","rank_math_description":"Las Core Web Vitals son m\u00e9tricas para evaluar el tiempo de carga, la interactividad y la estabilidad visual de un sitio. Aprende m\u00e1s aqu\u00ed.","rank_math_focus_keyword":"core web vitals","footnotes":""},"categories":[5701],"tags":[14284],"class_list":["post-18394","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web","tag-core-web-vitals"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/core-web-vitals\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/core-web-vitals\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/core-web-vitals\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/core-web-vitals\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/core-web-vitals\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/core-web-vitals\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/core-web-vitals\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/core-web-vitals\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/core-web-vitals\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/core-web-vitals\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/18394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/317"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=18394"}],"version-history":[{"count":80,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/18394\/revisions"}],"predecessor-version":[{"id":45875,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/18394\/revisions\/45875"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=18394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=18394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=18394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}