Core Web Vitals

¿Qué son las Core Web Vitals?

Las Core Web Vitals son tres métricas concretas que utiliza Google para evaluar la experiencia de usuario percibida en una página: LCP (Largest Contentful Paint o renderizado de la mayor parte del contenido) mide la rapidez con la que se carga el contenido principal, INP (Interaction to Next Paint o interacción con el siguiente renderizado) mide la velocidad con la que la página responde a los clics y toques, y CLS (Cumulative Layout Shift o cambio de diseño acumulado) mide la estabilidad visual. El INP sustituyó al anterior FID el 12 de marzo de 2024. Una página aprueba cuando el LCP es de 2,5 segundos o menos, el INP es de 200 ms o menos y el CLS es de 0,1 o menos.

¿Por qué son importantes las Core Web Vitals?

Para una tienda online, estas puntuaciones afectan tanto al resultado final como a la visibilidad. Un LCP lento y un INP inestable en las páginas de productos y colecciones aumentan el abandono y reducen la conversión exactamente donde el cliente está más cerca de comprar. Las Core Web Vitals también forman parte de las señales de experiencia de página de Google y pueden actuar como criterio de desempate entre resultados que, de otro modo, serían igual de sólidos. Google evalúa las puntuaciones basándose en los datos de campo de visitantes reales (el Informe de Experiencia de Usuario de Chrome) en el percentil 75, reportados por separado para móviles y ordenadores, por lo que es el cuarto de tus usuarios con la conexión más lenta el que decide el resultado.

Casos de uso comunes

• Diagnosticar una página de producto lenta con PageSpeed Insights o el informe de Core Web Vitals en Search Console.
• Optimizar el LCP comprimiendo las imágenes principales, utilizando WebP y precargando la imagen más grande.
• Eliminar el CLS causado por banners, ventanas emergentes de cookies y fuentes que desplazan el diseño mientras se carga la página.
• Mejorar el INP reduciendo el JavaScript pesado de las aplicaciones y los scripts de terceros.
• Documentar el impacto de un nuevo tema o aplicación para los desarrolladores o la dirección.

Perspectiva de Shopify

Los temas de Shopify suelen empezar con fuerza, pero las aplicaciones, los chatbots y los scripts de seguimiento suelen reducir las puntuaciones. Realiza siempre las mediciones en URL reales con datos de campo en lugar de un único número de laboratorio, y desinstala las aplicaciones que ya no utilices. Confía en la carga diferida (lazy loading) nativa del tema y en la CDN de imágenes de Shopify, y recuerda que las ventanas emergentes y los banners publicitarios son las causas más comunes de un CLS deficiente en la práctica.