Mejorar la velocidad de carga en WooCommerce

Correcciones para mejorar la velocidad de carga de tiendas online con WooCommerce de forma fácil sin ser desarrollador.

Antes de empezara optimizar te aconsejo que midas la velocidad de tu web con las herramientas de Google: PageSpeed y Lighthouse

1. Mantén la paginación en un máximo de 20 artículos en las páginas de administrador y tienda

Esto puede ser obvio para algunos, pero hemos visto demasiadas tiendas que tienen una paginación establecida en 100 productos por página, o incluso más. WooCommerce necesita cargar los detalles de todos esos productos, y eso cuesta recursos de CPU y memoria.

Este consejo se aplica tanto a la página de la tienda como al panel de administración. Mantén todos los artículos a un máximo de 20 para mantener la tienda funcionando sin problemas.

2. Carga solo imágenes optimizadas y comprimidas

De nuevo, esto puede ser obvio, pero todavía encontramos clientes que tienen imágenes de 5 MB con 4000 píxeles de ancho, y con un poco de mala suerte (/ codificación) su tema está cargando esa imagen a tamaño completo, y destruyendo absolutamente la velocidad de la página.

Antes de subir imágenes a tu tienda WooCommerce, sigue estos tres pasos:

• Eliminar datos EXIF ​​de las fotos. Hay sitios web que lo hacen de forma gratuita, uno de ellos es Verexif o con un programa de escritorio como PhotoBulk
• Comprime imágenes. La compresión sin pérdida está disponible para archivos png y jpg. No debería haber diferencia visual en la imagen final. Uno de los sitios web que lo hacen de forma gratuita es TinyPNG.
• Si está alojando en un buen proveedor de hosting, como Webempresa (* )  o SiteGround, tienen la función integrada de optimizar las imágenes y mejorar la velocidad de carga, incluso desde el momento de cargarlas.

También ayuda que las imágenes de tu tienda sean en un formato de imagen moderno como Webp. JPEG 2000 o JPEG XR. Esto también le gusta a Google que te avisará cuando uses sus nuevas herramientas de optimización.

Esto también puedes hacerlo usando plugins como Image Optimizer u otros que convierten automáticamente tus imágenes. Ya hablaré de esto en un post específico.

3. Usa la menor cantidad de scripts posibles

No importa qué tan rápido sea tu servidor, si tu sitio web está cargando muchos scripts externos, será lento.

Los scripts suelen ser archivos Javascript para servicios como análisis, software de boletines JS, chat en vivo o cualquier otra cosa que cargue algo de otro sitio web.

Lo primero que debes hacer es preguntarte cuántos de ellos son realmente críticos para tu tienda. ¿Vale la pena la posible disminución en el rendimiento y, por lo tanto, la tasa de conversión más baja?

Una vez que haya eliminado los scripts menos importantes, puedes deshabilitar los scripts por publicación / página con un plugin como Perfmatters. (* )

En algunos de los sitios web que administramos disminuimos instantáneamente las solicitudes HTTP en más de 10 y conseguimos mejorar la velocidad de carga. Es sencillo de configurar y verás el resultado mejorado de inmediato.

4. Imágenes con carga diferida (Lazy load images)

En el nuevo navegador Chrome de forma nativo está habilitado y alguien visita su sitio en Chrome 75 o superior, todo se maneja a nivel del navegador.

También se puede usar un plugin de caché como WP-Rocket u otro específico. Si bien puede causar problemas para algunos sitios, vale la pena probarlo. Hemos visto buenos resultados de nuestras pruebas internas con el tema Astra y Genesis.

5.  Deshabilitar wc-ajax = get_refreshed_fragments

Este es un script de WooCommerce que verifica el contenido del carrito. Por defecto, los revisa para todos los visitantes, sin importar si tienen algo en el carrito o no.

Potencialmente, esto puede ralentizar tu tienda. Puede deshabilitar este script usando un plugin de funciones, Perfmatters  (* )  o Code Snippets. Esto no afecta a los visitantes que tienen un producto en el carrito.

6. Elige un tema rápido y los tres más rápidos que probamos

Comienza con el pie derecho. Un tema ligero es un gran comienzo para tu tienda. Evita los temas todo en uno que tienen muchas características integradas, ya que generalmente solo resultan en una hinchazón innecesaria. Los dos temas que recomendamos son Astra y Genesis Framework para un diseño web de calidad, bonito y rápido.

Son personalizables, muy rápidos y admiten los creadores de páginas populares.

En nuestras pruebas de referencia descubrimos que Woodmark y Porto son, con diferencia, los más lentos de cargar. Te recomendamos encarecidamente que los evites.

7. Cuidado con los maquetadores si quieres mejorar la velocidad de carga

Los maquetadores de páginas también tienen un gran impacto en el rendimiento de la tienda. Recomendamos usar Gutenberg si puedes, y evitar constructores grandes como Elementor o Divi. El creador de páginas más rápido que probamos fue Beaver Builder.

(* ) enlaces de afiliación