Core Web Vitals: Google comparte qué factores deberían ser una prioridad en 2023

Estás leyendo la publicación: Core Web Vitals: Google comparte qué factores deberían ser una prioridad en 2023

Recientemente, Google compartió, a través de la Equipo de desarrollo de Chromealgunas recomendaciones para optimizar el rendimiento de Core Web Vitals en 2023.

Core Web Vitals reúne los principales factores de la experiencia de carga de una página, a medida que el usuario accede e interactúa con sus elementos. Ellos son velocidad de carga (pintura con contenido más grande o LCP), estabilidad visual (cambio de diseño acumulativo o CLS), y interactividad (primer retardo de entrada o FID).

Estos factores pueden guiar una serie de cambios para mejorar el rendimiento de los sitios. Sin embargo, ¿cuáles tienen más impacto y deberían priorizarse entre las posibilidades? Eso es lo que compartió el equipo y puedes verlo a continuación.

Velocidad de carga (LCP)

La pintura con contenido más grande (LCP) es la métrica que mide qué tan rápido la página carga su contenido por completo para el usuario.

El LCP mide la velocidad de carga por el tiempo de renderizado, hasta el momento en que aparece en pantalla su elemento más grande. Actualmente, la mitad de todos los sitios web tienen problemas relacionados con este factor.

Para mantenerse dentro del límite de carga, es necesario:

  • Asegúrese de que el recurso LCP sea detectable desde la fuente HTML. Por lo general, el elemento más grande de la página es una imagen y debe encontrarse en los atributos HTML estándar, como o .
  • Asegúrese de que la carga del recurso LCP tenga prioridad en la página. Es posible usar el atributo fetchpriority=”high” en la etiqueta o que carga su imagen LCP.
  • Use una CDN (red de entrega de contenido) para optimizar documentos y recursos de tiempo hasta el primer byte (TTFB)para que la respuesta del documento inicial llegue lo antes posible.
🔥 Recomendado:  ¿Qué es un ingeniero de aprendizaje automático? Salario y Responsabilidades

Estabilidad visual (CLS)

El cambio de diseño acumulativo (CLS) es la métrica que mide la frecuencia y la gravedad de los cambios de diseño inesperados en una página, que ocurren cuando un elemento se mueve mientras el usuario interactúa con él.

A continuación, se muestran las acciones de estabilidad visual enumeradas por Google como prioritarias:

  • Defina explícitamente tamaños para cualquier contenido cargado en la página. Esto se puede hacer a través de atributos de ancho y alto (o propiedades CSS equivalentes).
  • Asegúrese de que sus páginas sean elegibles para el caché de retroceso. Las páginas que comenzaron a usar este mecanismo han visto grandes mejoras en la estabilidad visual.
  • Evite animaciones/transiciones que usen propiedades CSS que afecten el diseño. Siempre que sea posible, prefiera transiciones y animaciones que usen la propiedad de transformación CSS.

Interactividad (FID)

First Input Delay (FID) es la métrica que mide la velocidad de respuesta a la primera interacción del usuario con la página, como un clic o un control de JavaScript. Este es un factor que la mayoría de los sitios web ya dominan, pero siempre hay margen de mejora.

FID evalúa el tiempo desde que el usuario interactúa por primera vez hasta que el sitio puede procesar una respuesta para esa interacción, lo que ocurre en milisegundos. Este retraso puede deberse a otros procesos, como cargar un archivo JavaScript grande en paralelo.

Estas son las principales acciones que pueden mejorar la velocidad de respuesta del sitio web:

  • Evitar o interrumpir tareas largas dividiéndolos en tareas más pequeñas para que el navegador tenga más oportunidades de ajustarse.
  • Evite JavaScript innecesario o sin usarque se puede encontrar a través de la pestaña Cobertura en Fuentes en Chrome DevTools.
  • Evite grandes actualizaciones de renderizado. Para hacer esto, puede: evitar usar requestAnimationFrame() para cualquier trabajo no visual; mantenga su modelo de objeto de documento (DOM) pequeño; usar contención CSS.
🔥 Recomendado:  La revolución de la IA generativa de Google: un breve resumen

La experiencia del usuario sigue siendo una prioridad

La calidad de la experiencia en la página depende de una variedad de factores. Sin embargo, centrarse en los elementos compartidos en este artículo debe ser una prioridad entre los analistas y desarrolladores de SEO para mejorar la usabilidad y alcanzar las primeras posiciones en los resultados de Google.

Como en años anteriores, Google lanzó decenas de nuevas actualizaciones en 2022. Pero, en última instancia, todo el trabajo de SEO converge en mejorar la experiencia del usuario. Cuanto más útil sea el contenido y mejor la usabilidad del sitio, mejores serán los resultados para las marcas.

Tabla de Contenido