7 maneras de acelerar y optimizar una tienda WooCommerce

Tener una tienda rápida es una tarea fácil si quieres que la gente compre en tu sitio. En estos días, la rapidez es la norma. La gente no tiene paciencia para esperar en la fila o en el supermercado , y mucho menos esperar a que Netflix se quede cargando en el búfer. Entonces, si los clientes no pueden cargar las páginas de tus productos rápidamente, no se lo pensarán dos veces antes de abandonar tu tienda y comprarle a la competencia.

Según una investigación de usabilidad , el 47% de los consumidores espera que una página web se cargue en 2 segundos o menos y el 40% de las personas abandonará un sitio web que demora más de 3 segundos en cargarse.

Además, una demora de 1 segundo en la respuesta de la página puede resultar en una reducción del 7% en las conversiones. Esto significa que si una tienda de comercio electrónico, por ejemplo, gana  100,000€ por día, una demora de 1 segundo podría costarle hasta  2.5€. 

Para  acelerar tu tienda WooCommerce y lograr el objetivo fundamental de tener un sitio rápido y eficiente, hemos reunido los siguientes consejos: todos los pasos esenciales que vale la pena revisar regularmente para que tu tienda funcione sin problemas.

¿Cómo de grande es tu tienda?

Cuando se trata de tiendas en línea, el tamaño importa. El peso de las páginas de productos, incluidos los archivos e imágenes HTML, JavaScript y CSS, contribuye a la velocidad de carga de la página. Entonces, si el peso de una página de producto en particular es enorme, significa que los clientes tendrán que esperar a que se carguen por completo elementos como imágenes y archivos antes de que puedan navegar y / o realizar una compra.

Para determinar el tamaño de tu sitio y la velocidad de carga de una página, las herramientas como Pingdom y GTmetrix pueden escanearlo (¡de forma gratuita!) y dar una imagen precisa de lo que se está cargando y posiblemente ralentizando su sitio.

Pingdom proporciona una interfaz fácil de usar que incluye un análisis de cascada de carga de páginas en tiempo real a medida.

Cuando se completa un escaneo, obtiene un grado de rendimiento de 100, el tiempo de carga, el tamaño de la página y la cantidad de solicitudes del servidor. También puede acceder a información sobre el rendimiento, que, cuando se expande, proporciona más detalles sobre archivos específicos en su sitio que se cargan lentamente.

Un escaneo rápido de woocommerce.com muestra que el tamaño de la página de inicio es de 2.8MB .

El análisis de cascada es particularmente útil ya que proporciona un desglose archivo por archivo de las solicitudes del servidor y el tiempo de carga de cada uno de los activos de una página, incluidos archivos, imágenes y servicios de terceros como redes sociales y CDN.

Un análisis en cascada de la página de inicio de WooCommerce muestra los archivos y los servicios de terceros que se cargan cada vez que alguien accede al sitio.

Es una buena idea realizar un análisis comparativo regular de tu sitio para que pueda realizar un seguimiento de su rendimiento.

Utiliza alojamientos de buena calidad

Muchas tiendas en línea comienzan siendo pequeñas con alojamiento web compartido y barato. Esto tiene mucho sentido: no tiene sentido inscribirse en un VPS costoso o en un alojamiento dedicado cuando está comenzando y la tienda no recibe mucho tráfico.

Pero con el tiempo, a medida que la tienda crece, el tráfico aumenta y sus necesidades de ancho de banda comienzan a explotar, rápidamente superará las capacidades del alojamiento compartido. Cuando esto pasa,  sabes que es hora de comenzar a buscar un mejor plan de alojamiento con el aumento del espacio en disco, la memoria y el ancho de banda que la tienda necesita.

Es importante hacer un seguimiento de los recursos que consume la tienda cada mes para que sepas cuándo es el momento de actualizar el plan de alojamiento o migrar a un nuevo host. Esto se puede hacer esto iniciando sesión en cPanel o en el panel de control del host y accediendo a la información de uso de recursos del sitio: busca el uso de su ancho de banda y la cantidad de espacio en disco que hay disponible.

Con un plan de alojamiento actualizado, tu tienda tendrá más espacio para crecer y se cargará de forma más rápida y eficiente para los clientes.

Optimiza y comprime las imágenes

Las tiendas de imágenes pesadas pueden tardar una eternidad en cargar. Para cada imagen, es otra solicitud HTTP, y más tiempo tienen que esperar los clientes para que se carguen las páginas.

Las imágenes representan el 51% de todo el contenido web y representan el 50% del tiempo de carga de una página, por lo que la optimización de imágenes es absolutamente esencial.

Los plugins como Imagify pueden optimizar y comprimir automáticamente sus archivos JPG, PNG y GIF, reduciendo el tamaño de las imágenes hasta en un 70% sin sacrificar su calidad.

La «carga diferida de imágenes» también puede ayudar a acelerar la tienda. Con la carga diferida habilitada, solo se cargarán las imágenes que aparecen cuando un cliente se desplaza por la página. Esto significa que si un cliente no alcanza una determinada imagen en la página, no se cargará.

Utiliza un servidor de medios

Los CDN han ayudado a resolver el problema de internet de la distancia geográfica entre usuarios y servidores. Entonces, si tienes muchos clientes en otros países, vale la pena invertir en un buen CDN.

Cuando un cliente visita una tienda desde una ubicación cercana al servidor donde está almacenado un sitio (es decir, en la misma ciudad), el contenido de la tienda no tiene que viajar muy lejos para llegar a su navegador. Pero si el cliente vive en el otro lado del país o incluso en otro continente, cada paquete de contenido tiene que viajar mucho más lejos, lo que resulta en velocidades de carga de página lentas.

Los CDN funcionan almacenando una copia del contenido estático de su sitio en servidores ubicados en todo el mundo. Entonces, cuando un cliente visita una tienda, su navegador descargará una copia de su sitio desde el servidor más cercano a ellos, reduciendo el tiempo de espera.

Es por esta razón por qué los CDN son tan útiles. Los CDN pueden ayudar a garantizar una experiencia de almacenamiento más rápida, especialmente si se tiene en cuenta que, en promedio, el 80% de un sitio web consiste en recursos estáticos.

Los CDN como Cloudflare tienen planes gratuitos para ayudar a comenzar. También hay opciones como Amazon CloudFront, KeyCDN y StackPath que vale la pena analizar cuando esté listo para escalar.

Antes de inscribirse en un CDN, es importante determinar tus necesidades, en particular dónde se ubican predominantemente sus visitantes y sus requisitos de ancho de banda. Esto ayudará a elegir un CDN que servirá mejor a sus clientes.

Utiliza un plugin de caché de calidad

El almacenamiento en caché es un gran paso para los propietarios de tiendas que desean acelerar su tienda de manera fácil y económica.

Esencialmente, un complemento de almacenamiento en caché crea y almacena una versión estática de una tienda, de modo que cuando un cliente vuelva a comprar nuevamente, verá una versión en caché de las páginas de sus productos.

Lo mejor del almacenamiento en caché de WordPress es que ocurre sin que el cliente sepa que está sucediendo; que están viendo contenido que ya han descargado previamente. El almacenamiento en caché minimiza la cantidad de datos que se envían entre el navegador del cliente, la base de datos de WordPress y el servidor web, lo que significa tiempos de carga más rápidos.

Cuando uses un plugin de almacenamiento en caché para su sitio WooCommerce, asegúrate de excluir estas páginas de la caché:

• Carro
• Mi cuenta
• Revisa

Estas páginas, así como otros elementos como los widgets del carrito, deben permanecer dinámicos ya que muestran información específica del cliente actual.

Dado que su carrito y las páginas de pago no se pueden almacenar en caché, pero son cruciales para las conversiones, es imperativo que preste especial atención a su velocidad. Es importante que haga todo lo posible para optimizar estas páginas lo mejor que pueda, eliminando cualquier activo innecesario.

Mantente siempre actualizado

Si olvida actualizar WordPress, WooCommerce y las extensiones que impulsan tu tienda, es probable que se pierda las mejoras de rendimiento.

Con cada lanzamiento de WooCommerce, los desarrolladores centrales trabajan para agregar mejoras a la plataforma, que a menudo incluye mejoras de velocidad y rendimiento.

Ejecutar las últimas versiones del software central y cualquier extensión que use también garantizará que tu sitio esté protegido contra amenazas de seguridad conocidas y vulnerabilidades que podrían dañar su tienda.

Entonces, si está ejecutando una versión anterior de WooCommerce o extensiones desactualizadas, ahora es el momento de comenzar a actualizar regularmente tu tienda (y mantener copias de seguridad regulares).

Desactivar fragmentos de carro AJAX

La función de «fragmentos de carro» de AJAX en WooCommerce actualiza automáticamente el total del carro en el carro de la compra de un cliente sin tener que actualizar la página. Esta es una característica útil, ya que proporciona al cliente comentarios instantáneos de que su artículo se ha agregado al carrito.

El problema, sin embargo, es que esta característica afecta gravemente la velocidad de la página y consume recursos más altos del servidor. Además de eso, WooCommerce realiza esta acción incluso en páginas donde no hay un carrito de la compra o detalles relacionados con el producto.

Se recomienda que, si usas este complemento, lo deshabilitse selectivamente en ciertas páginas o se asegure de habilitar la opción «redirigir al carrito» en la configuración de WooCommerce para que cuando un cliente agregue un producto a su carrito, sean redirigidos automáticamente al página de carrito automáticamente. De lo contrario, pueden confundirse acerca de por qué su producto elegido no se ha agregado al carrito.

No olvides redirigir a los clientes a la página del carrito cuando use el complemento Desactivar fragmentos del carrito.

Optimiza la base de datos de tu tienda

Para las tiendas más grandes, limpiar su base de datos puede ayudar a acelerar su sitio para que se cargue más rápido y también libere espacio significativo para que la tienda funcione de manera más eficiente.

El plugin WP-Optimize puede ser una buena opción para ejecutar esta tarea. Recuerda realizar copia de seguridad de tu base de datos antes de llevar a cabo estas rutinas.