La última actualización importante de Google a su algoritmo de búsqueda se enfoca en gran medida en la experiencia del usuario a través de un nuevo conjunto de métricas de factores de clasificación, llamado Core Web Vitals. Los primeros resultados de las auditorías de Core Web Vital revelan que el sitio web promedio se desempeña por debajo de estos nuevos estándares. La investigación de Searchmetrics reveló que, en promedio, los sitios podrían reducir el tiempo de carga de la página en casi un segundo al eliminar el JavaScript no utilizado.

Esto brinda una oportunidad increíble para superar a otros sitios web al aumentar la clasificación de su propia página.

Aquí está todo lo que necesita saber sobre Core Web Vitals más cuatro pasos simples para mejorar sus métricas.

Contenido creado en colaboración con Searchmetrics.

¿Cuáles son las métricas de Core Web Vitals?

Core Web Vitals es una extensión de las señales de experiencia de página de Google que incluyen compatibilidad con dispositivos móviles y HTTP. Las tres métricas de Core Web Vitals miden el rendimiento de carga, la interactividad y la estabilidad visual, que Google considera que proporcionan una descripción precisa de la experiencia del usuario en el mundo real.

1. La pintura con contenido más grande (LCP) mide el tiempo de carga de la imagen o bloque de texto más grande visible dentro del punto de vista del usuario.
2. First Input Delay (FID) mide la interactividad en la página calculando el tiempo desde que un usuario interactúa por primera vez con el sitio hasta que el navegador responde a esa interacción.
3. El cambio de diseño acumulativo (CLS) se refiere a cuánto cambia el contenido durante la representación de la página.

Cómo verificar las estadísticas de velocidad de su página

Hay muchas herramientas en línea que verifican el puntaje de clasificación de su página, incluidos PageSpeed ​​​​Insights, Chrome User Experience Report, Lighthouse Audit y Search Console. Estos sitios miden la velocidad de la página en varios elementos y muestran los resultados mediante un sistema de semáforo. PageSpeed ​​Insights proporciona un desglose de los resultados y destaca las áreas de mejora.

¿Qué significa “buen” desempeño en números?

para proporcionar un buena experiencia de usuario, LCP debe ocurrir dentro de los 2,5 segundos de cuando la página comienza a cargarse por primera vez. Las páginas deben tener un FID de menos de 100 milisegundos y mantener un CLS de menos de 0,1.

Los sitios web, como Wikipedia, tienen la puntuación de velocidad de página más alta debido a un enfoque ligero del diseño web, que utiliza principalmente texto y imágenes optimizadas. Los sitios web que dependen en gran medida del contenido de video y las imágenes son más lentos de cargar y generan una experiencia de usuario deficiente. Por lo tanto, se debe lograr un equilibrio entre el diseño y la experiencia del usuario.

Vea dónde se clasifica su sitio. Visita Perspectivas de PageSpeed e ingrese su URL. Nota: El número superior es su puntaje Lighthouse, también conocido como puntaje PageSpeed, que mide de cero a 100. Si bien es un buen punto de referencia general para el rendimiento de su sitio. No está completamente relacionado con las tres métricas de Core Web Vitals, que deben verse como un análisis de LCP, FID y CLS.

Cómo mejorar la velocidad de tu página

Aprobar se considera obtener un puntaje “bueno” en las tres áreas. Hacer pequeños cambios puede mejorar el puntaje de velocidad de la página en tan solo un segundo, lo que puede hacer que el sitio pase de un puntaje “pobre” o “necesita mejorar” en LCP a uno “bueno”. Reducir el tiempo de carga hará que los usuarios estén más contentos y aumentará el tráfico al sitio.

Tom Wells, experto en marketing creativo de Searchmetrics, dice:

“Cualquier cosa que no sea necesaria en un sitio web no debería estar allí”.

En pocas palabras, identificar y eliminar elementos que no se usan o que tienen un propósito sustancial podría mejorar la puntuación de velocidad de la página del sitio.

1. Imágenes de gran tamaño

Las imágenes mal optimizadas son una de las principales causas que afectan el puntaje LCP de un sitio, ya que este suele ser el elemento más grande para cargar. Las empresas de comercio electrónico y aquellas que dependen en gran medida de las imágenes pueden tener puntajes LCP más bajos debido a la representación de la página de múltiples imágenes de alta resolución.

La optimización de estos activos mediante el uso de un diseño receptivo o un formato de imagen de última generación, como WebP, JPEG 2000 y JPEG XR, puede mejorar la puntuación al reducir el tiempo de renderizado. A menudo, las imágenes se pueden condensar a un tamaño mucho más pequeño sin afectar la calidad de la imagen. Los recursos gratuitos como Squoosh pueden hacer esto por usted.

2. Contenido y anuncios dinámicos

La carga de anuncios en una página web es una de las principales causas de una mala puntuación CLS. Esto puede deberse a elementos en la página que cambian para acomodar anuncios dinámicos, lo que genera una experiencia de usuario deficiente.

El uso de un método de implementación inteligente, como la asignación de atributos de tamaño o cuadros de relación de aspecto CSS para todos los anuncios, videos y elementos de imagen, es una forma de reducir el cambio de contenido. Algunas empresas pueden usar un complemento o codificación en la parte superior del sitio web para colocar los anuncios. Sin embargo, esto podría conducir a un sitio web más lento, lo que afectaría negativamente la experiencia del usuario y afectaría indirectamente las clasificaciones.

Además, nunca inserte contenido sobre el contenido existente, excepto en respuesta a interacciones específicas del usuario, ya que esto garantiza cualquier cambio de diseño que ocurra. Por ejemplo, cuando hace clic en un botón de CTA y aparece un formulario es una excepción.

3. Economía web centrada en complementos

Los complementos pueden actuar como “yeso sobre las grietas” para resolver problemas del sitio web, dice Wells. A pesar de crear una solución temporal, puede ralentizar y dificultar el rendimiento web, ya que todo el código debe cargarse antes de que el usuario pueda interactuar por completo con la página web.

El uso de complementos puede aumentar el número de solicitudes del servidor y aumentar el tiempo de ejecución de JavaScript. Todos estos factores pueden reducir la puntuación FID del sitio.

“A menudo buscamos correcciones y soluciones avanzadas, pero a veces es tan simple como eliminar lo que no se necesita”, dice Wells.

Por lo tanto, eliminar algunos complementos, especialmente los que no se utilizan, puede mejorar la reactividad y la velocidad del sitio web.

4. Demasiado código

Google aconseja centrarse en el rendimiento general del sitio web.

“Es fundamental que los sitios web receptivos y bien calificados sean lo más livianos posible”, dice Wells.

“Cuantas más cosas tenga que cargar un servidor, más lento será el tiempo de carga en general”.

Si bien el CSS y el JavaScript no utilizados pueden no afectar directamente la puntuación de velocidad de la página, aún pueden afectar los tiempos de carga del sitio, crear una sobrecarga de código e impactar negativamente en la experiencia del usuario.

¿Cuándo debo empezar?

La implementación del nuevo algoritmo de Google comenzó a mediados de junio, por lo que vale la pena comenzar a revisar qué tan bien califica su sitio en las pruebas de velocidad de las páginas. Los sitios web que se clasifican bien tienden a tener puntuaciones más altas de Core Web Vitals y esta tendencia continuará a medida que Google ponga mayor énfasis en la experiencia del usuario.

¿Quiere más información sobre Core Web Vital? Leer métricas de búsqueda’ Estudio Google Core Web Vitals de abril de 2021.