Cómo optimizar Woocomerce

El reto de esta semana ha sido optimizar Woocomerce, un sitio WordPress con el plugin Woocomerce para la tienda.

Lo típico es:

• Optimización imágenes
• Minificación
• Sistema de cache
• Optimización de css y javascript
• Cambios en php ini, htaccess y todo lo que el hosting de turno nos deje ajustar

Problema con woocomerce, es el catálogo de productos con paginación cargada via ajax, o formularios de carrito y demás funcionalidades propias de una tienda online woocomerce.

NO SE DEBERÍA usar la paginación via ajax. Una URL para cada contenido es lo ideal. Si no, no se puede cachear. Página de carrito o de pago son dificiles de cachear, pero el catalogo de productos y la navegación entre categorias tiene que ser lo más rápida posible. Lo mismo para cuando le damos a «Añadir producto al carrito», si va lento, añadiré uno y al siguiente cerraré la página.

Tuvimos que ajustar toda la tienda para que no usara ajax para las cargas, para que lo pudieramos cachear y servir htmls antes de que se cargue ningún php o funcionalidad de wordpress.

Es cierto, que cuando vimos que la única manera de optimizar, era cambiar la forma en que se cargaban los productos fue un momento de pánico, (porqué era eso, o no poder optimizar nada, sólo minificar html,css,js headers de experación i ciao… está bien pero no hace la diferencia de pasar de 2-3 segundos de carga a menos de 1.

El trabajo más grande fue el de reajustar todas las imágenes. Siendo tienda online, las páginas con productos necesitan mucho Kb de imagen.

¿Tu Woocomerce se ha quedado un poco lento? No hace falta que te diga lo malo que eso es para las ventas, cierto? Contáctanos.

Beto Ayesa

Ingeniero de Software y programador web "Full stack" que ha dejado una startup dónde los miércoles eran día de yoga, para construir un servicio de soporte técnico estandarizado low cost, más profundo que el que el servicio que ofrecen las compañías de hosting, para startups, tiendas online, empresas, profesionales y autónomos. Linkedin