# Core Web Vitals en PrestaShop 8: los 5 frentes que de verdad merecen la pena
> Las auditorías producen listas interminables de recomendaciones cuya mitad no tiene ningún efecto medible. Los cinco frentes que concentran la ganancia, por orden de rentabilidad, y las cuatro recomendaciones frecuentes que no sirven de nada.
- Página:
- Idioma: es
- Publicado el: 2026-10-04
- Actualizado el: 2026-10-04
- Otros idiomas: [fr](https://www.datafirefly.com/2026/10/04/core-web-vitals-prestashop-chantiers-utiles/index.md), [en](https://www.datafirefly.com/en/2026/10/04/core-web-vitals-prestashop-worthwhile-projects/index.md), [de](https://www.datafirefly.com/de/2026/10/04/core-web-vitals-prestashop-lohnende-baustellen/index.md), [it](https://www.datafirefly.com/it/2026/10/04/core-web-vitals-prestashop-cantieri-utili/index.md), [pl](https://www.datafirefly.com/pl/2026/10/04/core-web-vitals-prestashop-oplacalne-obszary/index.md), [nl](https://www.datafirefly.com/nl/2026/10/04/core-web-vitals-prestashop-nuttige-werkpunten/index.md), [pt](https://www.datafirefly.com/pt/2026/10/04/core-web-vitals-prestashop-frentes-uteis/index.md)
- Índice:
Los indicadores de rendimiento web se han convertido en un paso obligado de las auditorías, y a menudo producen listas interminables de recomendaciones cuya mitad no tiene ningún efecto medible. En una tienda PrestaShop, cinco frentes concentran lo esencial de la ganancia disponible.
## Medir donde hay que medir
Punto previo, y lo cambia todo.
Las herramientas de auditoría ejecutan un test único en condiciones simuladas. Son útiles para diagnosticar, no miden lo que viven tus visitantes.
Los **datos de campo**, recogidos en visitas reales, son los que cuentan. Están disponibles en el informe dedicado de la Search Console, y a menudo difieren claramente de los resultados de laboratorio.
Tres razones para ese desfase: tus visitantes tienen dispositivos y conexiones variados, llegan a páginas distintas de la que tú pruebas, y una parte de ellos navega con una caché ya caliente.
El método: diagnostica en laboratorio, decide sobre el terreno. Un problema visible en test pero ausente de los datos reales no es prioritario.
## Frente 1: la imagen principal de la ficha de producto
Es casi siempre el elemento que determina tu indicador principal de carga, y es el frente más rentable.
Cuatro acciones, por orden de efecto.
**No cargarla en diferido.** La imagen visible al llegar debe cargarse de inmediato. Una carga diferida aplicada a todas las imágenes sin distinción retrasa precisamente la que cuenta.
**Precargarla**, indicando al navegador que es prioritaria. Así arranca antes incluso del análisis completo de la página.
**Servir la dimensión correcta.** Una imagen de 2000 píxeles mostrada a 600 pierde varios cientos de kilobytes. Los formatos adaptativos resuelven el caso.
**Usar un formato moderno**, que reduce el peso entre un 30 y un 50% a calidad percibida equivalente.
Estas cuatro acciones se resuelven en una jornada y suelen producir la ganancia más visible de todo el trabajo de rendimiento.
## Frente 2: la estabilidad visual
El segundo frente por rentabilidad, porque las causas son pocas y fáciles de identificar.
Cinco fuentes de desplazamiento en una tienda.
**Las imágenes sin dimensiones declaradas.** El navegador no reserva el espacio y el contenido salta cuando llega la imagen. Declarar anchura y altura basta.
**Los banners insertados tras la carga**: cookies, promociones, anuncios. Reserva su espacio o muéstralos en superposición.
**Las fuentes personalizadas.** El texto se muestra primero en una fuente de sustitución y luego cambia, lo que desplaza la maquetación. Una precarga y un ajuste de visualización adecuado limitan el efecto.
**Los bloques de módulos** cargados en asíncrono: opiniones, productos similares, chat. Cada uno empuja el contenido que le sigue.
**La publicidad y las integraciones de terceros**, cuya altura varía.
Método de diagnóstico: abre una ficha de producto con las herramientas de desarrollo, activa el indicador de desplazamiento de maquetación y recarga. Las zonas que se mueven aparecen de inmediato.
## Frente 3: la reactividad a las interacciones
Es el indicador más reciente y el peor tratado en las tiendas, porque sus causas son menos evidentes.
Mide el tiempo entre una acción del visitante y la respuesta visible. En una tienda, tres interacciones concentran los problemas.
**Los filtros por facetas**, cuando el tratamiento de la selección bloquea el hilo de ejecución antes incluso de la petición de red.
**El añadir al carrito**, cuando desencadena varios procesos síncronos antes de la respuesta visual.
**La apertura del menú** en móvil, si el menú se construye en el momento del clic en lugar de en la carga.
Tres correcciones, aplicables sin rehacer nada.
**Dar una respuesta visual inmediata**, antes del proceso. Un botón que cambia de estado desde el clic mejora el indicador aunque el proceso tarde lo mismo.
**Trocear los procesos largos** para devolver el control al navegador entre dos etapas.
**Reducir el código ejecutado al clic**, en particular los scripts de terceros enganchados a los mismos eventos.
## Frente 4: el tiempo de respuesta del servidor
Condiciona todos los demás indicadores: nada puede mostrarse antes de que el servidor haya respondido.
Tres palancas, por orden de efecto en PrestaShop.
**La caché de página completa.** Transforma una generación dinámica en el servicio de un fichero listo. Es la ganancia más importante en las páginas de categoría y de producto.
**La caché de aplicación**, sobre los datos de catálogo, que evita recalcular lo que no ha cambiado.
**La optimización de las consultas** más lentas, identificadas en el registro de la base de datos.
Dos precauciones sobre la caché de página. Debe **invalidarse correctamente** con los cambios de precio y de stock, so pena de mostrar información falsa. Y debe **excluir las páginas personalizadas**: carrito, cuenta, túnel de compra.
Punto a menudo olvidado: la caché solo sirve a los visitantes que llegan después del primero. En un catálogo de diez mil páginas con un tráfico moderado, una gran parte de las visitas queda sin cachear. La generación anticipada de caché, en las páginas más visitadas, trata este punto.
## Frente 5: los scripts de terceros
El frente más ingrato y a menudo el más rentable.
Una tienda media carga entre ocho y veinte scripts externos: analítica, publicidad, chat, opiniones, cookies, mapas. Cada uno se añadió por una buena razón y ninguno se ha retirado.
Tres acciones.
**Inventariar.** Lista los scripts cargados en una ficha de producto, con su peso y su tiempo de ejecución. Las herramientas de desarrollo lo dan en minutos.
**Eliminar lo que ya no sirve.** Casi siempre encontrarás una herramienta de análisis abandonada o un píxel de una campaña terminada.
**Diferir lo que queda.** Un chat, una herramienta de opiniones o una medición secundaria no necesitan cargarse antes de mostrar el contenido.
Añade un punto de gobernanza: condiciona los scripts publicitarios al consentimiento, que de todos modos es obligatorio y tiene el efecto secundario de aligerar la página para quienes rechazan.
## Lo que no sirve de nada
Cuatro recomendaciones frecuentes cuyo efecto es nulo o marginal en una tienda.
**Minificar el HTML.** La ganancia se cuenta en kilobytes, invisible frente al peso de las imágenes.
**Reducir el número de peticiones a toda costa.** Esta recomendación data de los protocolos antiguos. En los protocolos actuales, el multiplexado hace que el número de peticiones sea mucho menos determinante.
**Eliminar todas las fuentes personalizadas.** Una fuente bien cargada cuesta poco y sirve a tu identidad. El problema es el modo de carga, no la fuente.
**Apuntar al cien sobre cien** en una herramienta de auditoría. La puntuación no es el objetivo, los umbrales de campo sí.
## El orden y el ritmo
Una secuencia en tres meses.
**Semana 1:** registro de los datos de campo, por tipo de página, para saber dónde estás realmente.
**Semanas 2 y 3:** frentes 1 y 2, imagen principal y estabilidad visual. Son los más rápidos y visibles.
**Semanas 4 a 6:** frente 4, caché de servidor, que exige pruebas y una invalidación cuidada.
**Semanas 7 y 8:** frente 5, inventario y limpieza de los scripts de terceros.
**Después:** frente 3, reactividad, que es el más técnico y cuyo efecto se mide con el tiempo.
Un punto de método: los datos de campo se apoyan en una ventana deslizante de varias semanas. No saques conclusiones antes de un mes tras una modificación.
El cubre el cuarto frente en PrestaShop 8 y 9: caché de página completa con invalidación en los cambios de precio y stock, exclusión automática de las páginas personalizadas, generación anticipada en las páginas más visitadas y carga diferida de los scripts no críticos.