Una web lenta rara vez da la cara. Nadie escribe para quejarse de que una ficha de producto tardó varios segundos en aparecer o de que el botón de compra no respondía: simplemente se marcha. Por eso la velocidad es uno de esos factores que afectan a las ventas sin que se note en el día a día.
Google mide esta experiencia con las Core Web Vitals, tres métricas que conviene entender aunque no seas técnico. Y antes de las campañas de verano es buen momento para revisarlas: cualquier problema de rendimiento afecta a más clientes cuando sube el tráfico.
Te explicamos qué miden, qué peso tienen en Google y qué puedes hacer para mejorarlas.
1. ¿Qué son las Core Web Vitals?
Son tres métricas basadas en la experiencia real de los usuarios. Estos son los valores que Google considera una buena experiencia:
- LCP (Largest Contentful Paint): mide cuánto tarda en mostrarse el elemento principal de la página, como la foto de producto o el banner. Objetivo: 2,5 segundos o menos.
- INP (Interaction to Next Paint): mide lo rápido que responde la página cuando tocas un botón, abres un filtro o añades algo al carrito. Objetivo: 200 milisegundos o menos. En 2024 sustituyó a la antigua métrica FID.
- CLS (Cumulative Layout Shift): mide la estabilidad visual, es decir, si los elementos “saltan” mientras la página carga. Objetivo: 0,1 o menos.
Además, web.dev recomienda que estos valores se cumplan en el percentil 75 de las visitas, separando móvil y ordenador. Dicho de otro modo: no basta con que la web vaya rápida en el ordenador de la oficina; tiene que ir bien para la mayoría de tus clientes, con sus móviles y sus conexiones.
2. ¿Influyen en el posicionamiento y en las ventas?
a) En Google
Google explica que las Core Web Vitals se corresponden con lo que sus sistemas de clasificación buscan recompensar, pero también que su buscador siempre intenta mostrar el contenido más relevante, aunque la experiencia en la página sea deficiente, y que obtener buenos resultados en estos informes no garantiza aparecer en las primeras posiciones. Traducción: la velocidad no sustituye a un buen contenido, pero suma, sobre todo cuando compites con páginas de calidad parecida.
b) En la conversión
Aquí es donde más se nota. El estudio Milliseconds Make Millions, elaborado por Deloitte por encargo de Google, observó que una mejora de 0,1 segundos en la velocidad de las webs móviles analizadas se asociaba a un aumento del 8,4 % en las conversiones de las marcas de retail y del 9,2 % en su pedido medio. Y en un caso documentado en web.dev, Vodafone comprobó mediante un test A/B que una página con un LCP un 31 % mejor generaba un 8 % más de ventas.
Son casos concretos, no promesas aplicables a cualquier web, pero apuntan en la misma dirección: cada décima cuenta.
3. Cómo medirlas sin volverte loco
- Search Console: el informe de Core Web Vitals usa datos de usuarios reales del Informe de experiencia de usuario de Chrome, agrupa URLs parecidas y las clasifica como buenas, mejorables o deficientes. Cuando corriges un problema, puedes validar la corrección y Google lo monitoriza durante 28 días.
- PageSpeed Insights: sirve para analizar una URL concreta. Combina datos de campo (si la página tiene suficientes visitas) con una prueba de laboratorio de Lighthouse que sugiere mejoras.
- Prioriza por plantillas: en una tienda online, lo que más importa es la página de inicio, las categorías, las fichas de producto y el proceso de compra. Mejorar la plantilla de ficha mejora de golpe cientos o miles de páginas.
4. Mejoras prácticas para cada métrica
a) Para mejorar el LCP
- Optimiza las imágenes: tamaño adecuado a la pantalla, formatos modernos y buena compresión.
- No apliques carga diferida (lazy load) a la imagen principal: web.dev advierte de que hacerlo siempre retrasa el LCP. Puedes indicar al navegador que es prioritaria con el atributo fetchpriority.
- Reduce el tiempo de respuesta del servidor con un buen alojamiento, caché y, si tu público está repartido, una red de distribución de contenidos (CDN).
b) Para mejorar el INP
- Haz limpieza de JavaScript: plugins, módulos y scripts de terceros (chats, píxeles de seguimiento, widgets) que ya no usas o que se cargan en todas las páginas sin necesidad.
- Divide las tareas largas para no bloquear el navegador y simplifica las páginas muy pesadas, como filtros con cientos de opciones visibles. Tienes más detalles en la guía de web.dev para optimizar el INP.
c) Para mejorar el CLS
- Indica siempre el ancho y el alto de imágenes y vídeos, o reserva su espacio.
- Reserva sitio para banners, avisos de cookies o barras promocionales que aparecen después de cargar la página.
- Cuida la carga de las fuentes tipográficas para evitar que el texto se recoloque, como explica web.dev.
Un consejo de método: mide antes de tocar nada, cambia una cosa cada vez y vuelve a medir. Y ten paciencia, porque los datos de usuarios reales se calculan sobre periodos de 28 días y las mejoras tardan unas semanas en reflejarse.
Conclusión
Las Core Web Vitals no son un fin en sí mismas: son la forma que tiene Google de medir si tu web resulta cómoda para quien la usa. Una tienda que carga rápido, responde al instante y no da saltos transmite confianza y pone menos obstáculos entre el cliente y la compra.
En GrupoDW diseñamos y desarrollamos webs y tiendas online para empresas y farmacias, y podemos ayudarte a revisar el rendimiento de la tuya. Pide una auditoría gratuita y te diremos por dónde empezar.
