Core Web Vitals en PrestaShop, la guía de campo

Los Core Web Vitals son el único criterio de rendimiento que Google ha integrado explícitamente en su posicionamiento. En PrestaShop son además el terreno donde muchas tiendas pierden puntos sin saberlo: temas pesados, módulos apilados, imágenes sin optimizar. Bastan tres métricas para saber dónde estás.

Las tres métricas, en claro

• LCP (Largest Contentful Paint): el tiempo hasta que aparece el elemento visible más grande, a menudo la imagen de cabecera o la foto del producto. Objetivo: menos de 2,5 s. Es la métrica más ligada a la sensación de que «el sitio va lento».
• INP (Interaction to Next Paint): la capacidad de respuesta, el retardo entre un clic y la respuesta visible de la página. Objetivo: menos de 200 ms. INP sustituyó a FID a principios de 2024.
• CLS (Cumulative Layout Shift): la estabilidad visual. ¿Saltan los elementos mientras carga la página? Objetivo: menos de 0,1. El culpable clásico es una imagen o un anuncio sin dimensiones reservadas.

Mídelas sobre datos reales (el informe Core Web Vitals de Search Console) y no sobre una única prueba sintética: lo que cuenta es la experiencia de tus visitantes de verdad.

Por qué PrestaShop suele tener problemas

Cuatro causas recurrentes:

1. Imágenes sin comprimir y mal dimensionadas. Una foto de producto de 2 MB servida a resolución completa hunde el LCP. Formato moderno (WebP), dimensiones adaptadas, carga diferida por debajo del pliegue.
2. Demasiado JavaScript de módulos. Cada módulo añade su propio JS; apilados, degradan el INP. Audita y desactiva lo que no uses.
3. Un tema pesado. Los temas premium multiplican carruseles y tipografías. Cada fuente web y cada carrusel tienen un coste.
4. Sin caché, sin compresión. Activa la caché de PrestaShop, la minificación de CSS/JS y la compresión del servidor (gzip o brotli).

En qué orden corregir

No lo corrijas todo a la vez: prioriza por impacto.

1. Las imágenes primero (LCP): la mejor relación esfuerzo/ganancia en una tienda.
2. Caché y compresión después: un ajuste de servidor, efecto inmediato en todo el sitio.
3. Caza de módulos JS (INP): trabajo más lento, pero necesario si la interactividad arrastra.
4. Dimensiones y espacio reservado (CLS): rápido, y a menudo olvidado.

El rendimiento no te exime del contenido

Un sitio rápido pero vacío no posiciona mejor: la velocidad es un criterio de desempate, no un generador de tráfico. Funciona junto a una base sólida: la guía de SEO para PrestaShop pone esa base, los datos estructurados enriquecen los resultados, y el contenido (un blog y las fichas de producto) trae el tráfico.

Un blog servido por un módulo ligero no lastra la tienda, a diferencia de una solución externa cargada de scripts; conviene comprobarlo en compatibilidad con PrestaShop.

Preguntas frecuentes

¿Son los Core Web Vitals un factor de posicionamiento fuerte? Moderado pero real: a igualdad de contenido, la página más rápida pasa delante. Nunca sacrifiques contenido por velocidad.

¿Necesito una puntuación perfecta? No: basta con estar en «bueno» (verde) en las tres métricas. El 100/100 tiene rendimientos decrecientes.