Comprensión de Core Web Vitals y las mejores técnicas para mejorarlas
Publicado: 2022-05-11En mayo de 2020, Google presentó un nuevo programa, Web Vitals, que es una iniciativa que brinda orientación para señales de calidad. Google cree que estas métricas son esenciales para brindar una excelente experiencia de usuario en la web.
Google nos ha proporcionado varias herramientas a lo largo de los años (Google Analytics, Search Console y PageSpeed Insights son algunas de las más populares), y a menudo puede ser un desafío mantenerse al día a medida que evolucionan.
Sin embargo, no debería ser un mago del rendimiento para comprender la calidad de la experiencia del usuario que ofrece su sitio web. Web Vitals tiene como objetivo simplificar esto, ayudándonos a centrarnos en las métricas que más importan: Core Web Vitals.
¿Qué son los principales web vitals?
Core Web Vitals es el subconjunto de Web Vitals que se aplica a todas las páginas web. Cada uno de los Core Web Vitals refleja una experiencia del mundo real y representa una faceta distinta de la experiencia del usuario. Google recomienda que todos los propietarios de sitios midan estas métricas.
Las métricas que componen Core Web Vitals evolucionarán con el tiempo, pero a partir de este escrito, el conjunto de métricas se centra en tres aspectos principales de la experiencia del usuario:
- Cargando
- interactividad
- Estabilidad visual
¿Qué es la pintura con contenido más grande (LCP)?
La pintura con contenido más grande, o LCP, mide el rendimiento de carga, el primer aspecto de la experiencia del usuario. Marca el punto en la línea de tiempo de carga cuando el contenido principal de su página probablemente haya terminado de cargarse. Cuanto más rápida sea su pintura con contenido más grande, más tranquilizador para Google será que los usuarios encontrarán la página útil.
Para que su página web brinde una buena experiencia de usuario, el LCP debe ocurrir dentro de los 2,5 segundos desde que la página comienza a cargarse por primera vez.
Para enfatizar la importancia de cumplir con las pautas de pintura con contenido más grande, los usuarios pasarán más tiempo en un sitio web cuando las páginas se carguen más rápido. De hecho, los usuarios visitan 8,9 páginas cuando el tiempo de carga es de dos segundos (lo que cumple con la recomendación de 2,5 segundos de LCP), frente a solo 3,3 páginas cuando el tiempo de carga es de ocho segundos.
¿Qué es el retardo de la primera entrada (FID)?
First Input Delay, o FID, mide la interactividad, el segundo aspecto de la experiencia del usuario. Cuantifica la experiencia que sienten los usuarios cuando intentan interactuar con páginas que no responden.
FID mide el tiempo desde que un usuario interactúa por primera vez con su página (como hacer clic en un enlace o tocar un botón) hasta el momento en que el navegador comienza a procesar los controladores de eventos en respuesta a la acción del usuario.
Para proporcionar una buena experiencia de usuario, el retraso de la primera entrada de sus páginas debe ser de 100 milisegundos o menos. Un FID bajo ayuda a garantizar que su página sea utilizable.
¿Qué es el cambio de diseño acumulativo (CLS)?
El cambio de diseño acumulativo, o CLS, mide la estabilidad visual, el tercer aspecto de la experiencia del usuario. Ayuda a cuantificar la frecuencia con la que un usuario experimenta un cambio de diseño inesperado. Un CLS bajo ayuda a garantizar que la página no sea torpe.
Para proporcionar una buena experiencia de usuario, las páginas deben mantener un cambio de diseño acumulativo de 0,1 o menos. Es una puntuación en lugar de una medida de tiempo como LCP y FID.
La puntuación LCS se calcula haciendo que el navegador mire el tamaño de la ventana gráfica y el movimiento de elementos inestables en la ventana gráfica entre dos fotogramas renderizados.
Cómo mejorar Core Web Vitals
La optimización para una experiencia de usuario de calidad es clave para el éxito de su sitio web, y Google cree que Core Web Vitals es fundamental para todas las experiencias web. Como tal, es importante identificar oportunidades para mejorar la experiencia del usuario en tantas páginas como sea posible.

Para asegurarse de alcanzar el objetivo recomendado para los usuarios de su sitio web, un buen umbral para medir las métricas LCP, FID y CLS es el percentil 75 de cargas de página. Para considerar que su sitio web cumple con Core Web Vitals, considere pasar una página si cumple con los objetivos recomendados en el percentil 75 para estas métricas.
Aquí hay algunas maneras de mejorar sus métricas vitales web centrales y garantizar que su sitio web ofrezca una excelente experiencia de usuario.
Mejorar la velocidad de carga de la página
En este punto, no hace falta decir que cuando una página web se carga rápidamente, mejora la experiencia del usuario. Entre dos y tres segundos es el punto de inflexión donde las tasas de rebote se disparan. El 40 por ciento de los consumidores no esperará más de tres segundos antes de decidir abandonar su sitio.
Use PageSpeed Insights para obtener un puntaje para cualquier página web que ingrese y aproveche las sugerencias de la herramienta para trabajar para que sus páginas se carguen más rápido. Lo más probable es que haya instancias en las que los tiempos de carga no cumplan con las pautas de Core Web Vitals, y aquí es donde es posible que deba mirar videos, imágenes u otros problemas que puedan causar una carga lenta.
Optimice la pintura con contenido más grande
Dado que la pintura con contenido más grande (LCP) tiene un peso significativo en el puntaje general de Core Web Vitals, es aconsejable optimizar esta métrica. Dado que los tiempos de carga de los recursos son un factor común para las puntuaciones bajas de LCP, aquí hay algunas cosas que recomienda Google:
- Optimizar y comprimir imágenes
- Precargar recursos importantes
- Comprimir archivos de texto
- Usar servicio adaptable
- Caché de activos usando un trabajador de servicio
Reduzca sus tasas de rebote
Las tasas de rebote ilustran la tasa a la que los usuarios abandonan su sitio web y desea que este porcentaje sea lo más bajo posible.
Google Analytics, por ejemplo, le muestra la tasa de rebote de cualquier página de su sitio web que haya sido visitada. Esto puede ayudarlo a identificar problemas, como si una página no responde o no se carga correctamente en los dispositivos móviles.
Una tasa de rebote alta también puede indicar que los usuarios no encuentran lo que necesitan, lo que puede indicar a Google que la página no es relevante para la consulta que aparece en los resultados de búsqueda. Las altas tasas de rebote también pueden indicar una mala experiencia del usuario debido a anuncios intersticiales, ventanas emergentes y otros elementos molestos.
Elimine los cambios de diseño inesperados
Cuando el texto o un botón se mueve repentinamente a otra posición en la página (a menudo debido a problemas de carga), esto se conoce como un cambio de diseño inesperado. Puede ser frustrante para los usuarios, haciendo que se desorienten o hagan clic en algo incorrecto.
Para evitar o eliminar cambios de diseño inesperados, haga lo siguiente:
- Evite insertar contenido encima del contenido existente
- Asegúrese de que las transiciones estén animadas para el contexto y la continuidad
- Incluya atributos de tamaño en imágenes y videos
¿Quieres dominar las disciplinas esenciales en Marketing Digital? Echa un vistazo al curso de Especialista en Marketing Digital ahora.
¿Busca desbloquear los beneficios de SEO y Core Web Vitals?
El SEO y Core Web Vitals de Google son esenciales para cualquier estrategia de marketing digital. Nuestro curso de capacitación de optimización de motores de búsqueda (SEO) lo transformará en un profesional de SEO completo que impulsará un crecimiento sostenido en el canal de marketing más crítico de su sitio web. En el curso, dominará las muchas facetas del SEO, como la investigación de palabras clave, el SEO técnico, la construcción de enlaces, el análisis y mucho más.
Si está interesado en convertirse en un especialista en marketing digital completo con habilidades más allá de SEO, consulte nuestro Programa de posgrado en marketing digital. En este programa integral, proporcionado en asociación con la Universidad de Purdue y creado conjuntamente con Facebook, aprenderá todo lo que necesita saber para convertirse en un profesional de marketing digital exitoso a través de proyectos prácticos, instrucción en línea en vivo, clases magistrales de profesores de Purdue y expertos. en Facebook, estudios de casos de Harvard Business Publishing, ¡y mucho más!