Optimización técnica

¿Tu tienda online va lenta, pero PageSpeed marca 95? La verdad sobre filtros, variaciones y clientes perdidos, y cómo solucionarlo.

Tienda WooCommerce lenta a pesar de su alta puntuación en PageSpeed

PageSpeed Insights afirma que tu tienda es rapidísima: 95 de 100, con una puntuación verde en todos los aspectos. Pero en la vida real, los usuarios abren las páginas de categorías y esperan. Y esperan. Y luego se van. Has comprimido imágenes, minimizado scripts y optimizado todo lo que PageSpeed te indicó. Entonces, ¿por qué tu sitio WooCommerce sigue pareciendo tan lento cuando los clientes lo usan?

Esta es la brecha de rendimiento oculta: la diferencia entre lo que miden las herramientas de laboratorio y la experiencia real de tus clientes. Y es aún más grave en tiendas online con cientos (o miles) de productos variables, filtros de precios y navegación por capas. Analicemos por qué ocurre esto y cómo solucionarlo.

1. La ilusión de PageSpeed: Por qué 95 no significa velocidad

Google PageSpeed Insights y Lighthouse simulan la carga en un entorno artificial. Prueban:

  • Primera pintura con contenido
  • Elementos esenciales de la web
  • Optimización de activos estáticos (imágenes, CSS, JS)

Pero no lo hacen:

  • Interactuar con filtros dinámicos o solicitudes AJAX
  • Haga clic en productos variables y muestre los menús desplegables
  • Activar búsqueda o cargar precio de variación

Esto significa que su sitio puede verse rápido en pruebas sintéticas, pero aún así congelarse o bloquearse cuando los usuarios reales interactúan con datos de productos en vivo.

2. El verdadero culpable: variaciones, filtros y consultas dinámicas

Los productos variables hacen explotar su base de datos
Cada variación (tamaño, color, material) se almacena como un registro separado en el wp_posts y wp_postmeta Tablas. Una sola camiseta con 6 tallas y 4 colores puede generar 24 variaciones, y eso es solo un producto.

Ahora escale eso a 1000 productos y obtendrá miles de filas de base de datos que WordPress debe verificar, unir y analizar cada vez que alguien carga una categoría o página de producto.

LEER  Cómo hice el tema Woodmart súper rápido: mi experiencia limpiando xts_options y Autoload

Los filtros de temas lo ralentizan todo
Temas como Woodmart, aunque tienen un diseño hermoso, a menudo utilizan filtros integrados que:

  • Desencadenar AJAX sin caché consultas
  • Escanee todas las variaciones para filtrar precios
  • Buscar campos personalizados no indexados

El filtrado de precios es un asesino silencioso
La mayoría de los temas no almacenan en caché los resultados del filtro de precios. Ejecutan costosas... ENTRE consultas en campos meta como _precioA menudo no indexados. Esto puede causar un retraso de 2 a 3 segundos, invisible en PageSpeed, pero muy real para los usuarios.

3. Qué sienten tus clientes (y por qué se van)

He aquí una verificación de la realidad:

  • El usuario busca "sudadera negra" y ve un spinner durante 4 segundos.
  • Al hacer clic en “Talla: M” el menú desplegable se retrasa o recarga la página completa.
  • Cambia los filtros → la página tarda más de 3 segundos en aplicarse

¿Resultado? La confianza disminuye. El abandono aumenta. La tasa de rebote se dispara.

Aquí es donde incluso una tienda “rápida” (95 en PageSpeed) pierde clientes, porque PageSpeed no puede medir el retraso de la interacción en tiempo real.

4. Optimización real: más allá de las métricas

Esto es lo que hacemos en SpeedWP Pro para solucionarlo:

✅ Deshabilitar la carga de variaciones en las páginas de categorías

Mostrar solo el producto principal con una sola miniatura. Cargar variaciones solo en la página del producto.

✅ Reemplace los filtros de temas con complementos optimizados:

  • FacetWP — filtrado avanzado con indexación, almacenamiento en caché y AJAX ultrarrápido
  • GUAU — Filtro de productos WooCommerce con configuración flexible y solicitudes ligeras
  • Búsqueda de Fibonacci — Búsqueda predictiva ultrarrápida para WooCommerce

✅ Resultados del filtro de caché

Genere versiones de página filtradas previamente o use complementos compatibles con el almacenamiento en caché de resultados. Si utiliza LiteSpeed, puede combinarlo con Edge Side Includes (ESI).

✅ Limpiar la base de datos (carga automática y opciones)

Temas como Woodmart acumulan hinchazón en xts_options y opciones de carga automática. Eliminamos:

  • Datos de la lista de deseos (si no se utilizan)
  • Comparar configuraciones
  • Diseños de demostración
  • Encabezados y pies de página no utilizados
LEER  Cómo aplazar JavaScript en WordPress para mejorar la velocidad de la página

Resultado: hasta 1 MB menos de datos cargados automáticamente en cada solicitud.

✅ Analizar con Query Monitor

Identificamos qué filtros, consultas o plugins ralentizan los tiempos de respuesta. A veces, incluso plugins como RankMath o WPML generan consultas innecesarias en cada página.

5. ¿Qué pasa con los complementos de seguridad?

Algunos propietarios de tiendas utilizan Wordfence o Seguridad de iThemes, que puede bloquear bots, pero también ralentizar cada página con controles intensivos en tiempo real.

Recomendamos:

  • Reemplazar Wordfence por un cortafuegos ligero o confiar en WAF de Cloudflare
  • Mantener únicamente los controles esenciales en tiempo real (como la protección de inicio de sesión)

La seguridad nunca debe ir acompañada de tiempos de carga de más de 3 segundos.

6. Caché inteligente, no a ciegas

La mayoría de los sitios almacenan páginas enteras en caché. Pero ¿qué ocurre con...?

  • ¿Combinaciones de filtros?
  • ¿Resultados de la búsqueda?
  • ¿Menús desplegables de variación de producto?

En SpeedWP Pro, implementamos:

  • Modo invitado (como LiteSpeed Cache) para visitas iniciales más rápidas
  • Scripts de calentamiento de caché que precargan automáticamente páginas clave y filtran vistas
  • Separación de caché de dispositivos móviles y computadoras de escritorio solo cuando sea necesario —De lo contrario, solo supone gastos generales adicionales.

7. Resultados finales: del retraso al relámpago

Después de la optimización, esto es lo que cambia:

  • PageSpeed: se mantiene entre 90 y 100 (nunca fue el problema)
  • Cascada de herramientas de desarrollo de Chrome: menos llamadas dinámicas, tiempo hasta el primer byte (TTFB) más rápido
  • Experiencia de usuario real:Los filtros responden instantáneamente, los selectores de variaciones funcionan sin problemas, la búsqueda es rápida.

Lo sienten los clientes, no las herramientas.

El resultado final

Si tu tienda online parece lenta, incluso con una puntuación de PageSpeed de 95, no te lo estás imaginando. Simplemente estás experimentando lo que las herramientas no pueden medir. El costo real del filtrado deficiente, la sobrecarga de variaciones y la interacción no almacenada en caché.

Deja de confiar en números sintéticos. Empieza a confiar en tus usuarios.
Y si quieres solucionarlo, te mostraremos cómo.

LEER  Cómo optimizar la tabla wp_options para acelerar tu sitio de WordPress