Revisar el rendimiento de la tienda
Las páginas de WooCommerce combinan contenido público del catálogo con el estado de carrito, pago y cuenta específico de cada sesión. El trabajo de rendimiento debe preservar ese límite: una respuesta rápida almacenada en caché no es correcta si muestra totales obsoletos, el cliente equivocado o existencias desactualizadas.
Establece recorridos representativos
Mide algo más que la página de inicio. Revisa:
- la página de la Tienda;
- una categoría con productos;
- un archivo filtrado;
- un producto simple;
- un producto variable con galería;
- el carrito lateral y la página Carrito;
- el Pago;
- Mi cuenta.
Repite la prueba con una conexión móvil y tanto con la sesión cerrada como con la sesión iniciada. Anota la URL, el dispositivo, el estado de la caché y el estado del cliente para que las comparaciones sigan siendo significativas.
Mantén dinámicas las páginas dinámicas
Excluye Carrito, Pago, Mi cuenta y las demás rutas de WooCommerce específicas del cliente de la caché de página completa. Conserva el comportamiento de sesión y de fragmentos de carrito de WooCommerce.
Tras cambiar las exclusiones, prueba dos sesiones de navegador separadas con carritos y cuentas distintos. Ninguna de las dos sesiones debería ver los artículos, totales, direcciones, pedidos o avisos de la otra.
Controla la carga de trabajo del catálogo
Usa un ajuste razonable de productos por página en Settings → POM Theme → E-Commerce → Storefront → WooCommerce storefront. En los archivos personalizados, elige una paginación deliberada o una carga progresiva en Storefront → Product archives.
Los conjuntos de resultados iniciales grandes aumentan el trabajo de la base de datos, el HTML, las imágenes y el diseño del navegador. Los filtros deben acotar un catálogo bien estructurado, no compensar una primera página sin límites.
Optimiza los medios de los productos
Sube imágenes de origen con un tamaño adecuado y relaciones de aspecto uniformes. Configura la imagen principal de WooCommerce, el ancho de las miniaturas y el recorte en POM y, después, regenera las miniaturas existentes cuando cambien esos valores.
Comprueba que las tarjetas del archivo solicitan medios del tamaño de la miniatura y que las galerías de productos conservan resolución suficiente para el tamaño en que se muestran. Comprimir un origen sobredimensionado no elimina el coste de decodificarlo y redimensionarlo en el navegador.
Habilita solo las interacciones útiles
POM carga el comportamiento del front-end de WooCommerce según la página activa y el contexto de funciones habilitadas. Mantén desactivadas las funciones opcionales de la tienda cuando no se utilicen.
POM sustituye las hojas de estilo principales de WooCommerce por su hoja de estilo woocommerce.min.css reducida y optimizada siempre que WooCommerce esté activo. Este comportamiento es automático y no tiene ningún conmutador en las opciones del tema. Su código fuente completo y legible se puede personalizar en Settings → POM Theme → Advanced → Custom CSS → Independent CSS assets → WooCommerce sin cambiar esa condición. Las hojas de estilo de CSS personalizado global existentes se siguen gestionando de forma independiente en Settings → POM Theme → Advanced → Custom CSS. Revisa la tienda antes de cambiar o eliminar una hoja de estilo que conserva su presentación.
Revisa el coste y la usabilidad de:
- la vista rápida y las ventanas emergentes de productos del archivo;
- los carruseles grandes de productos relacionados;
- los carritos laterales que se abren automáticamente;
- los bloques reutilizables sobredimensionados alrededor de los filtros o las cuentas;
- varias superposiciones promocionales simultáneas.
Cada interacción habilitada debe dar soporte a una tarea real del cliente.
Valida después de los cambios de caché u optimización
- purga la caché correspondiente;
- abre una sesión nueva con la sesión cerrada;
- consulta y filtra productos;
- selecciona una variación;
- añade y elimina artículos del carrito;
- aplica un cupón;
- completa un pago de prueba;
- inicia sesión y revisa Mi cuenta;
- repite el proceso en una sesión separada;
- inspecciona el comportamiento en el teléfono y en el ordenador.
Resultado esperado: las páginas públicas del catálogo se benefician de la caché cuando corresponde, mientras que el carrito, el pago, las existencias, los precios, los avisos y los datos del cliente permanecen actualizados.
Diagnostica antes de añadir otra optimización
Si un archivo es lento, compara su número de productos, filtros, plantilla, medios y paginación con un archivo más pequeño. Si Carrito o Pago son incorrectos, elimina la caché de página completa de la prueba antes de cambiar el diseño del tema. Si una primera solicitud sin caché es más lenta tras un cambio de ajustes o de plantilla, verifica también la siguiente solicitud limpia además del resultado en caché.