![\"\"](\"https:\/\/blog.hostinger.io\/com-ar-tutoriales\/wp-content\/uploads\/sites\/38\/2022\/12\/eBook-Speed-Up-your-website-ES-1024x283.png\")
<\/a><\/figure>Esta guía explicará la información necesaria sobre las Core Web Vitals, incluida la definición y las herramientas para medir las puntuaciones de tu sitio web. También mostraremos cómo utilizar una de las herramientas y discutiremos otras métricas que apoyan las tres principales Web Vitals.<\/p>
\n\n\n\n\n\n\n\n
¿Qué son las Core Web Vitals?<\/h2>\n
Las Core Web Vitals de Google son mé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úan con un sitio web: la velocidad de carga, la interacción con el usuario y la estabilidad visual.<\/p>\n <\/div>\n\n\n\n<\/p>
Las Core Web Vitals ayudan a los propietarios de sitios a evaluarlos y a identificar las áreas que deben mejorar, ya que muestran puntuaciones de referencia específicas.<\/p>
Principales métricas de Core Web Vitals<\/h2>
Google menciona que las métricas de las Core Web Vitals pueden evolucionar con el tiempo<\/a>, dependiendo de lo que los usuarios vean como una buena experiencia en la página. En la actualidad, los dueños y desarrolladores de sitios deben medir las siguientes tres métricas de las Core Web Vitals.<\/p> El Largest Contentful Paint (LCP) comprueba el tiempo de renderización del contenido principal de una página cuando comienza a cargarse. El contenido principal es generalmente la imagen más grande o un bloque de texto en la ventana gráfica, el área visible de una página web en el dispositivo de un usuario.<\/p> Los datos de LCP se componen principalmente de los siguientes elementos:<\/p> Los propietarios de los sitios deben asegurarse de que la puntuación de Core Web Vital sea de 2,5 segundos o menos<\/strong> para ofrecer una buena experiencia al usuario y alcanzar una velocidad ideal del sitio.<\/p> Aunque el contenido de carga tardía suele ser más grande que los demás elementos de la página, no siempre es así. Precargar el contenido más grande<\/strong> ayuda a conseguir una mejor puntuación LCP y a mejorar la experiencia.<\/p> Los factores más comunes de la mala puntuación LCP son los tiempos de respuesta lentos del servidor, el renderizado del lado del cliente y las imágenes de gran tamaño.<\/p> La Interaction to Next Paint (INP)<\/a> evalúa la rapidez con la que tu página reacciona a la interacción del usuario, por ejemplo, al hacer clic en un enlace o en un botón CTA.<\/p> Una puntuación INP alta significa que sus usuarios tienen que esperar un rato a que la página se actualice después de su interacción. Esto puede perjudicar la experiencia del usuario y aumentar la tasa de rebote.<\/p> Las puntuaciones INP se evalúan de la siguiente manera:<\/p> Buen resultado: por debajo de 200 milisegundos. Para mejorar tu puntuación INP, evalúa el tamaño y la complejidad de tu sitio web. Asegúrate de minificar los archivos JavaScript, activar la compresión GZip y utilizar una CDN.<\/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> ¡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ón Wi-Fi rápida será diferente a la de una red 3G.<\/p> The Cumulative Layout Shift (CLS) mide la estabilidad visual y comprueba si hay un desplazamiento inesperado del diseño en la página.<\/p> El movimiento inesperado se produce cuando los elementos como el texto, los botones y las imágenes, son empujados hacia abajo mientras la página todavía se está cargando. Esto suele provocar frustración porque el usuario puede hacer clic en otra cosa cuando los elementos se están moviendo.<\/p> Las páginas deben tener una puntuación CLS de 0,1 o menos<\/strong>.<\/p> Anteriormente, Google medía esta métrica de Core Web Vitals calculando la suma de las puntuaciones de desplazamiento de diseño individuales en toda la página.<\/p> El sistema puntúa las ventanas de la sesión<\/a> desde 2021. Agrupa uno o más cambios de diseño individuales que se producen en un máximo de cinco segundos con un intervalo de un segundo entre ventanas.<\/p> Los factores más comunes de los cambios de diseño son las imágenes, los widgets y los banners publicitarios sin dimensiones.<\/p> Las Core Web Vitals forman parte de los indicadores de experiencia de la página que incluyen la facilidad de uso en dispositivos móviles, la navegación segura y la ausencia de intersticiales intrusivos.<\/p> Estas métricas de experiencia de la página se han convertido en una importante señal de posicionamiento web<\/a>, tanto para los dispositivos móviles como para ordenadores.<\/p> La misma actualización de la experiencia de la página de Google también muestra que el motor de búsqueda sigue dando prioridad a las páginas con el contenido más relevante. Sin embargo, la experiencia de página puede aumentar la visibilidad si varias tienen niveles de relevancia similares.<\/p> Por lo tanto, podemos concluir que las Core Web Vitals desempeñan un papel importante en los factores de posicionamiento en los motores de búsqueda.<\/p> Los Core Web Vitals también te ayudan a garantizar que tu sitio ofrezca un rendimiento rápido y estable, lo que puede aumentar las tasas de conversión e interacción.<\/p> De hecho, más del 50% de los usuarios de móviles<\/strong> abandonan una página que tarda más de tres segundos en cargarse. De uno a tres segundos adicionales en el tiempo de carga puede aumentar la tasa de rebote en un 32%<\/a>.<\/p> Herramientas para medir las Core Web Vitals<\/p> Dado que las Core Web Vitals se han convertido en una señal de posicionamiento, los expertos en SEO<\/a> deben supervisar sus puntuaciones y asegurarse de que las métricas funcionen bien para obtener las primeras posiciones en los resultados de búsqueda de Google.<\/p> Tres herramientas de Google para medir las Core Web Vitals son:<\/p>![\"Imagen](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2024\/04\/core-web-vitals_ES.png\")
<\/figure>Largest Contentful Paint (LCP): Tiempo de carga de la página<\/h3>
\n
![\"Comparación](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/mejorar-tiempo-de-carga-LCP.png\")
<\/figure><\/div>Interaction to Next Paint (INP): Capacidad de respuesta de la página<\/h3>
Necesita mejorar: entre 200 y 500 milisegundos.
Deficiente: más de 500 milisegundos.<\/p>Cumulative Layout Shift: Experiencia visual de la página<\/h2>
¿Qué importancia tienen las Core Web Vitals?<\/h2>
\n
![\"Página](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/Pagespeed-insights-1024x482.png\")
<\/figure><\/div>\n
![\"Visualización](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/Lighthouse-report.png\")
<\/figure><\/div>\n
![\"Informe](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/google-search-console-1.png\")
<\/figure><\/div>
![\"Visualización](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/pagespeed-insights-ejemplo-1024x474.png\")
<\/figure><\/div>![\"Más](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/expandir-vista-pagespeed-1024x491.png\")
<\/figure><\/div>![\"Detalle](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/puntuaciones-metricas-pagespeed-1024x458.png\")
<\/figure><\/div>![\"Visualización](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/rendimiento-bajo-pagespeed.png\")
<\/figure><\/div>![\"Oportunidades](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/oportunidades-diagnostico-pagespeed-1-1024x481.png\")
<\/figure><\/div>![\"Sugerencias](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/Pagespeed-oportunidades.png\")
<\/figure><\/div>![\"Visualización](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/Diagrama-de-arbol.png\")
<\/figure><\/div>![\"Comparación](\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2022\/04\/fcp-vs-lcp.png\")
<\/figure><\/div>![\"\"](\"https:\/\/blog.hostinger.io\/com-ar-tutoriales\/wp-content\/uploads\/sites\/38\/2023\/02\/ES-Web-hosting_in-text-banner-1024x300.png\")
<\/a><\/figure>\n\n\n\n<\/p>