Seguro que sabes qué es un sistema de caché o, al menos, lo has oído alguna vez. En cualquier caso, sabes que hace que tu web cargue más rápido, lo cual se traduce en una mejor experiencia de usuario, mejor posicionamiento en buscadores y menos consumo de recursos del servidor. La panacea.

El problema viene cuando lo implementas y, ¡sorpresa! comienzan a aparecer problemas con WooCommerce: el enlace del checkout no funciona en móviles, o los precios no cambian en función del tipo de cliente, o los stocks no se muestran correctamente y algunos usuarios ven un producto en stock, cuando resulta que se agotó hace dos horas.

¿Te ha pasado algo así? Si estás asintiendo con cara triste ya sabes la frustración que produce. Pero no te preocupes, vamos a intentar solucionar todas estas incidencias. Vamos a ver cómo hacer que WooCommerce se lleve bien con nuestro plugin de caché.

WooCommerce y la caché

Para entender lo que está pasando, una explicación muy breve (a ver si soy capaz de hacerlo en menos de cien palabras) de cómo funciona un sistema de caché:

WordPress está creado en PHP, un lenguaje que es interpretado por el servidor en cada petición. Para cada página que visitas el servidor interpreta los archivos PHP en función de los datos que contiene la base de datos de WordPress, y envía el resultado a tu navegador de forma que él lo pueda interpretar: en HTML. Un HTML recién generado, de forma dinámica.

Eso lleva su tiempo. Un sistema de caché sin embargo genera ese HTML y lo almacena. Cuando tú visitas una página el servidor sólo tiene que servir ese HTML generado previamente, así todo es mucho más rápido.

¡Cien palabras justas! Bien, ahora estás en disposición de entender lo que pasa. Imagina que tu plugin de caché genera el HTML de la ficha del producto cuando aún quedaban 2 unidades en stock, pero un comprador viene y las compra. Después llega otro cliente al mismo producto, y tu plugin de caché le sirve el HTML que tiene generado.

La base de datos dice que quedan cero unidades del producto, pero da igual porque nadie le ha consultado. Simplemente se ha mostrado el HTML que estaba almacenado en caché, el cual mostraba dos unidades en stock. ¡Ya tenemos el lío montado!

Páginas de WooCommerce excluidas de la caché

Antes era mucho peor. Imagina añadir un producto al carrito, pero que WooCommerce te muestre un carrito cacheado, sin productos, da igual cuántas veces lo añadas, siempre verás el carrito vacío. O realizar el pedido y no verlo en tu cuenta, sin saber si ha ido bien o no…

WooCommerce ya solucionó todas esas incidencias hace mucho tiempo, desde la versión 1.4.2 (febrero de 2012). ¿Cómo? Pues sencillamente activando la constante de WordPress DONOTCACHEPAGE para las páginas:

• Mi cuenta
• Carrito
• Checkout

Eso soluciona cualquier tipo de incidencia en estas páginas, ya que evita que cualquier plugin de caché (medianamente bien hecho) las almacene de forma estática, así que tanto el carrito, como el checkout como la página de cuenta se generan siempre dinámicamente.

Pero eso no evita otro tipo de problemas como los que he ido mencionando a lo largo del artículo (stocks o precios que no cambian cuando deberían haber cambiado, incompatibilidades en algunos dispositivos, etcétera). Así que no me enrollo más y, establecidas las bases teóricas, nos remangamos y entramos al meollo del asunto.

Resolviendo los problemas de caché en WooCommerce

Si has prestado atención ya lo sabes. Si te has saltado todo el rollo teórico te lo resumo en una frase: todos los problemas en WooCommerce generados por tu plugin de caché se resuelven de una forma muy sencilla: excluyendo a WooCommerce de la caché.

O sea, diciendo a tu plugin de caché que no se le ocurra acercarse a tu tienda. Que a los archivos de WooCommerce ni los mire, y que se le ves rondando tus productos se va a enterar de lo que vale un peine.

Y ahora es cuando dices: Pero hombre, entonces la tienda no va a ganar velocidad con la caché si se queda fuera. Efectivamente, pero es que no se puede tener todo. Como decimos en mi tierra, pescado gordo y que pese poco no puede ser.

Aún así, puedes beneficiarte de un buen sistema de caché en todo el resto de la web, así que vamos a ver cómo podemos configurar los plugins de caché más utilizados para que no tengan conflictos con WooCommerce.

WooCommerce y WP Super Cache

Con WP Super Cache el problema se resuelve fácil: tienes que ir a Ajustes > WP Super Cache y en la pestaña Avanzado bajar hacia abajo hasta que veas el cuadro de texto con la leyenda Añada aquí las cadenas (no el nombre del fichero) que forzará que una página no entre en caché…, como el de la imagen:

Ahí tendrás que poner las URL que correspondan a tu tienda, en función de la configuración que le hayas hecho. Una configuración típica puede ser:

/tienda*
/producto*
/categoria-producto*
/etiqueta-producto*

Se entiende, ¿verdad? Se trata de adaptar las URLs de tu tienda para excluirlas de la caché (puedes consultar la configuración que tienes para esto en Ajustes > Enlaces permanentes). Como decía más arriba, por las páginas de mi cuenta, carrito y checkout no te tienes que preocupar.

Pero, ¿y si tienes configurado WooCommerce para que la página de la tienda sea la página de inicio de tu web? Bien, la solución la tienes un poco más arriba, justo encima de la opción que acabamos de ver. Concretamente en esta otra:

En el caso de que en Ajustes > Lectura hayas establecido la página Tienda como la página de inicio del sitio, tendrás que marcar la opción Página principal (is_front_page). Ojo, no te confundas y marques la opción Home (is_home), recuerda que para WordPress la página Home (designada con el condicional is_home) es la página donde se muestran las entradas del blog. La página de inicio se designa siempre con is_front_page.

WooCommerce y W3 Total Cache

En el caso de W3 Total Cache el sistema es parecido. No vuelvo a explicar qué URLs tienes que «sacar» de la caché porque es lo mismo (si te has saltado el apartado anterior, el de WP Super Cache, lo puedes consultar).

Esta vez tendrás que ir a Performance > Page Cache y poner las URLs excluidas bien abajo, en el cuadro que dice Never cache the following pages:

Y cuidado, porque con este plugin hay que tomar una precaución extra. Deberías ir también a la opción Performance > Minify y comprobar si tienes habilitada la minimización de HTML (en ese caso en la opción HTML minify settings estaría marcada la casilla Enable).

Si la tienes habilitada, deberías añadir mfunc en el cuadro Ignored comment stems, así:

Y asunto resuelto.

WooCommerce y WordPress Fastest Cache

Con WP Fastest Cache el tema es algo distinto debido a la interfaz, pero la base es la misma. Para ello nos vamos a la pestaña Exclude del menú WP Fastest Cache, y nos encontramos con esto:

Sólo hay que utilizar el botón de arriba Add New Rule, a la derecha de Exclude Pages, tantas veces como sea necesario para excluir de la cache las URLs que nos interesan, eligiendo en If REQUEST_URI las opciones que nos interesan (empezando por Home si tenemos configurada la tienda como página principal de la web.

El resultado puede ser bastante similar a la siguiente imagen, aunque adaptado a tu caso concreto, como te indicaba más arriba:

Conclusiones

Ya ves qué sencillo es resolver las incidencias entre WooCommerce y el plugin de caché que estés usando en WordPress. Recuerda siempre, una vez adaptada la nueva configuración, vaciar la caché para que se regenere, esta vez excluyendo las URLs correspondientes a WooCommerce.

Y si aún así sigues teniendo problemas, habrá que buscar al culpable. Quizá tengas también un sistema de caché a nivel de servidor, o quizá haya una incidencia en algún otro sitio. Si te encuentras con cualquier problema, ya sabes que me puedes contactar a través del formulario de contacto.