🔥Optimizar

Cómo optimizar Woocomerce
o cómo construirlo para que sea optimizable

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 López
Programador de páginas web "full stack" especializado en el mantenimiento y corrección de errores de Wordpress, Prestashop, HTML, CSS, Javascript, Php y Mysql. También colaborador de proyectos open source. Linkedin  contacto@phpninja.info twitter @betoayesa.
¡Ayuda! ¡Errores en mi web!
Reparación Web. Arreglamos cualquier cosa que necesites. Por favor introduce la dirección de la página web a arreglar.

Hecho!

Revisaremos tu página web y nos pondremos en contacto rápidamente

Ha ocurrido un problema, por favor inténtalo de nuevo

Por favor, vuelva a intentarlo



Nosotros lo arreglamos, puedes estar tranquilo
No importa el problema, no importa el código, estamos aquí para ayudarte.


¿Alguna duda? Contacto
by Beto