Consejos para optimizar la velocidad de su tienda WooCommerce

En una tienda de comercio electrónico, la velocidad es uno de los factores más importantes que puede hacer que su negocio sea altamente rentable o puede deshacerse de él. La velocidad es vital para brindar una mejor experiencia de usuario, mejorar el SEO, aumentar el ROI y satisfacer a sus clientes. No puede esperar ejecutar un negocio en línea sin la velocidad adecuada.

¿Sabes que casi el 58% de los usuarios abandonarán tu sitio si tarda más de 3 segundos en cargarse? Entre los cuales, el 40% de los clientes nunca volverán a su sitio.

En este artículo, discutiremos cómo acelerar su tienda WooCommerce y muchos otros aspectos relacionados con ella.

¿Cómo afecta la velocidad al negocio del comercio electrónico?

En el tiempo actual, cuando Internet de alta velocidad está disponible para casi todas las personas, la velocidad ultrarrápida de un sitio web se ha convertido en una necesidad. Con la velocidad, el sitio está sujeto a una mayor clasificación en los motores de búsqueda, tasas de conversión optimizadas y mejoras en las ventas. Aquí hay algunas estadísticas para masticar:

• El 73% de los usuarios de Internet ha estado en un sitio que tardó demasiado en cargar.
• Un retraso de 1 segundo en la carga del sitio web puede resultar en una reducción del 7% en las conversiones.
• Un sitio de comercio electrónico que gana $ 50,000 por día podría perder $ 1.25 millones en ventas cada año a partir de ese segundo de tiempo adicional en la carga.
• Las tasas de conversión en su tienda de comercio electrónico aumentan en un 74% cuando el tiempo de carga de la página mejora de 8 a 2 segundos
• El 73% de los clientes no volverá a su sitio si no se carga en su dispositivo móvil.
  No es que los comerciantes de comercio electrónico ni siquiera puedan identificar si el sitio es lento o no. Hay muchas herramientas gratuitas disponibles que pueden utilizar para identificar la velocidad. Los problemas comunes del sitio más lento son los siguientes:
  • Imágenes voluminosas no optimizadas
  • Contenido servido sin compresión HTTP
  • Demasiadas solicitudes de imágenes CSS
  • Sin información de almacenamiento en caché

¿Cómo medir la velocidad de la tienda WooCommerce?

¿Sabías que WooCommerce, uno de los CMS más populares para desarrollar sitios de comercio electrónico, se ha descargado más de 88 millones de veces?

Y ahora se utiliza en más de 5 millones de tiendas de comercio electrónico. No tiene que dar ninguna tarifa o comisión adicional por usar WooCommerce.

Si no puede medir la velocidad, no podrá mejorar. Es esencial saber cómo evaluar las mejoras cuando intentas acelerar tu tienda WooCommerce.

Probar la velocidad de su sitio le permitirá conocer las lagunas. Puede comenzar con las herramientas de prueba de velocidad como Google PageSpeed, Pingdom, GTmetrix, etc.

¿Cómo acelerar WooCommerce?

Después de obtener un informe de prueba de velocidad, obtendrá las posibles lagunas y las formas en que se pueden solucionar para una tienda WooCommerce. ¡Empecemos!

1. Comience con la configuración en WooCommerce

Comencemos con la configuración básica. En primer lugar, cambie la URL de la página de inicio de sesión. En WordPress, de forma predeterminada, la URL de inicio de sesión del sitio es dominio.com/wp-admin/ . Sí, es fácil de recordar, pero todos conocen esta URL, incluidos los piratas informáticos.

Cambiar la URL predeterminada a una URL personalizada lo protegerá de los ataques de fuerza bruta. También es ideal para combatir errores HTTP que limitan la velocidad, como demasiadas solicitudes de error 429.

Si ha incluido una sección de blog en su sitio, también puede limitar el número de blogs que figuran en la página de la lista de blogs. Si bien WordPress ha establecido el límite predeterminado de 10 blogs, incluso puede reducirlo. Al principio, esto puede parecer trivial, pero mejorará el rendimiento si está ejecutando un blog con mucho tráfico. Puede encontrar la opción en el Panel de WordPress -> Configuración -> Lectura

También puede desactivar los pingbacks en su sitio. Suelen generar spam inútil. Si hay muchos comentarios en las publicaciones o páginas, también puede dividirlos en partes más pequeñas. Incluso puede desactivarlos mediante WooCommerce -> Configuración.

2. Obtenga un tema más rápido

Al decidir la velocidad del tema de WordPress del sitio, es muy importante. Puede encontrar cientos de miles de temas para WordPress, por lo que es un desafío encontrar el tema adecuado para su tienda WooCommerce.

Para una tienda WooCommerce, el tema no debe limitarse solo a su atractivo, sino que también debe ser compatible con WooCommerce correctamente y viene con gran velocidad. Algunos de los temas populares son Divi, Avada, etc. Estos son temas de WordPress compatibles con WooCommerce ultrarrápidos y ligeros. Antes de decidirse por un tema, puede enumerar todas las funciones que necesitará en su tienda de comercio electrónico. A partir de entonces, comience a buscar un tema que satisfaga los requisitos máximos.

3. Sea fácil con los complementos o las extensiones de WooCommerce

Hay más de 54.000 complementos en el repositorio de WooCommerce. Puede encontrar muchos complementos premium que no son gratuitos. Es fácil de llevar e instalar decenas de ellos. Sin embargo, instalar el máximo de complementos no hace que su sitio web sea emocionante, pero seguramente puede reducir su velocidad. Hay muchos complementos que incluso no funcionan con ciertos entornos de alojamiento. La mayoría de estos complementos están relacionados con el rendimiento y la seguridad.

Cuando la codificación no se realiza correctamente, la instalación de un complemento provocará un problema de rendimiento. Algunos complementos incluso crean conflictos con otros complementos. Cuando tiene docenas de complementos, hay más posibilidades de conflicto entre los complementos.

4. Aumente el límite de memoria de WordPress

De forma predeterminada, WordPress le ofrece 32 MB de memoria PHP. Si tiene problemas, automáticamente intentará aumentar este límite a 40 MB (para un solo sitio) o 64 MB (para varios sitios). Generalmente, el límite de memoria no es suficiente para ejecutar una tienda WooCommerce. También puede aparecer un mensaje de error en el tablero como:

Se ha agotado el tamaño de memoria permitido de xxxxxx bytes

Sería mejor si aumentara el límite de memoria a 256 MB. Realice una copia de seguridad de cada archivo antes de editarlo. Entonces, si algo sale mal, puede cambiar el archivo editado al original.

5. Comprimir imágenes y optimizar la entrega

Las imágenes de alta calidad son muy atractivas para los clientes, sin embargo, hay un retroceso. Estas imágenes son demasiado grandes y ocupan mucha memoria. Si no optimiza el tamaño y la entrega de estas imágenes, las imágenes ralentizarán el sitio.

HTTPArchive rastrea el tamaño y la cantidad de la página web. Si bien los videos son más pesados ​​que las imágenes, no ralentizan el sitio tanto como las imágenes porque se cargan a pedido en la mayoría de los casos. Según un informe, puede ahorrar 545 KB por página mediante la carga diferida de imágenes ocultas y fuera de la pantalla. Si comprime el nivel de JPEG a 85 o menos, puede ahorrar 40,3 KB por página . Algunos de los otros métodos que puede utilizar para optimizar las imágenes son:

• Elija el formato adecuado para imágenes como JPEG, PNG, etc.
• Utilice las herramientas adecuadas para comprimir imágenes sin comprometer la calidad
• Use imágenes receptivas para obtener mejores experiencias en múltiples dispositivos
• Imágenes ocultas y fuera de pantalla de carga diferida

Estos son algunos de los complementos que pueden ayudarlo a comprimir y escalar imágenes para la optimización de WooCommerce:

• WP Smush
• Imagina
• ShortPixel
• Optimole

6. Entrega de recursos estáticos a través de CDN

CDN son las siglas de Content Delivery Network. Estos son el grupo de servidores que se encuentran dispersos demográficamente en todo el mundo. Las ubicaciones de estos servidores se conocen como puntos de presencia (PoP). La función principal de la CDN es almacenar en caché y entregar recursos estáticos a los usuarios cercanos. Esto incluye imágenes, JS, CSS, etc. Algunas CDN potentes incluso pueden alojar y entregar contenido dinámico.

Independientemente de la velocidad de su servidor en el que se ejecuta su sitio, la velocidad estará limitada por su ubicación geográfica. Un CDN disminuye la distancia entre el servidor y los usuarios y, por lo tanto, mejora la velocidad.

Determinará a partir de la procedencia de la solicitud y luego asignará el CDN más cercano para entregar los datos. Dará como resultado un sitio más rápido y una mejor experiencia de usuario. Algunas de las CDN populares que puede utilizar son:

• Cloudflare
• Sucuri CDN
• CDN de Cloudways
• StackPath
• KeyCDN

7. Elimine las hojas de estilo y los guiones no utilizados

Generalmente, la mayoría de los temas y complementos de WordPress cargan scripts y hojas de estilo en las páginas de su sitio. Cargan estos activos incluso cuando no se utilizan en la página.

Por ejemplo, Contact Form carga sus scripts u hojas de estilo en cualquier otra página. Los formularios se usarían solo en la página de contacto, pero los activos también se cargan en otras páginas que ni siquiera son necesarias. Eliminar estos scripts y hojas de estilo reducirá la hinchazón y acelerará los tiempos de página.

También en el mecanismo de pago, no es necesario cargar scripts de pasarelas de pago en la página de inicio de su sitio o en cualquier otra página. Debe restringir estos scripts para que se carguen solo en las páginas de pago y confirmación del pedido.

8. HTTP / 2 es muy necesario

Hace unos años, se denominaba principalmente como " Reducir el número de solicitudes HTTP ". Después de tantas mejoras en los navegadores, esta necesidad se ha vuelto obsoleta.

La primera gran actualización en el protocolo HTTP fue HTTP 1.1, en 1997. Es incluso antes de las redes sociales, la transmisión de video o audio, los teléfonos inteligentes, pero a partir de entonces hemos visto un gran crecimiento en la web. HTTP / 2 se mejoró con respecto al protocolo HTTP 1.1 en 2015. Era esencial para satisfacer las crecientes demandas de Internet. Con este protocolo, obtenemos una velocidad, eficiencia y seguridad asombrosas. Hay multiples razones para esto:

• En una sola conexión TCP, hay mejor multiplexación y paralelismo.
• Algoritmo de codificación de Huffman para la compresión HPACK de encabezados
• Extensión ALPN para un cifrado más rápido
• El servidor proactivo empuja en lugar de esperar solicitudes

Por lo tanto, cambiar el sitio a HTTP / 2 ayudará a la tienda WooCommerce a ofrecer recursos como imágenes, audio y video con más velocidad.

9. Caché de WooCommerce para mayor velocidad

El almacenamiento en caché simplemente significa almacenar temporalmente los recursos en la primera solicitud para que puedan ser atendidos rápidamente en otra solicitud. La caché se puede almacenar en el dispositivo del usuario o en el servidor. Es una de las formas más importantes o más fáciles de acelerar su tienda WooCommerce. Así es como funciona el almacenamiento en caché:

• 1. El usuario realizará una solicitud en el navegador de un sitio.
• 2. El navegador solicitará al navegador que entregue una página HTML. Un servidor DNS se encarga de esto.
• 3. La página web será devuelta por una aplicación como WordPress, Magento, etc. alojada en un servidor web.
• 4. La aplicación ejecuta los scripts (por ejemplo, PHP, JavaScript, etc.) y (5) consulta la base de datos (por ejemplo, MySQL, MongoDB, etc.) para construir una página web. Luego devuelve la página web al navegador, que la procesa y se la muestra al usuario.

Todos estos pasos tardarán unos segundos. Pero estos pasos son para un usuario. Cuando miles de usuarios realicen el mismo paso, habrá demasiada carga en el sitio. Aquí es donde el almacenamiento en caché viene al rescate. El almacenamiento en caché no solo aumenta la velocidad del sitio web, sino que también reduce la carga en el servidor. Estos son algunos de los complementos de almacenamiento en caché que pueden ayudar a mejorar el tiempo de carga de su tienda WooCommerce.

• Brisa
• Cohete WP
• Caché total de W3

Más información: ¿Cómo elegir el mejor proveedor de alojamiento para una tienda de comercio electrónico?

10. Limpiar la base de datos de su tienda WooCommerce

¿Alguna vez se preguntó dónde se almacenan todos los datos de un sitio web? Bueno, es la base de datos. Una base de datos en una tienda WooCommerce incluye:

Contenido del sitio, como páginas de productos, categorías, datos de usuarios, etiquetas, reseñas, etc.

Datos de transacciones como detalles de pedidos, pagos, stock, etc.

Siempre que los usuarios visitan su sitio, solicitan el contenido de su sitio, que generalmente es estático y no cambia mucho. Sin embargo, al comprar un artículo, realizan solicitudes dinámicas. La optimización de la base de datos atenderá rápidamente estas solicitudes; de lo contrario, conducirá a una mala experiencia del usuario. Por lo tanto, debe limpiar y optimizar la base de datos eliminando los datos basura innecesarios. Algunas de las diferentes formas de limpiar la base de datos son:

Eliminación de revisiones antiguas

Si ha pasado bastante tiempo desde que su tienda WooCommerce estuvo activa, entonces las páginas, publicaciones y otro contenido deben estar llenos de revisiones antiguas. Debes limpiarlos.

Limitar el almacenamiento de revisiones

Al limitar el almacenamiento de revisiones, puede evitar tener muchas revisiones innecesarias de publicaciones y páginas. Si eres propenso a actualizar el contenido de tu sitio con frecuencia, esto te ayudará a evitar que las revisiones se salgan de control.

En última instancia, inhabilitar las revisiones

Si no necesita revisiones, puede deshabilitarlas desde el sitio. Solo tiene que agregar este código al archivo wp-config.php. Como antes, asegúrese de agregar este fragmento encima de la línea donde se define ABSPATH .
define ('WP_POST_REVISIONS', falso);

Limpiar transitorios caducados

Los datos en caché almacenados con un nombre personalizado y un período vencido se denominan transitorios. Puede encontrarlos en la tabla wp_options en la base de datos de WordPress. Si desea deshacerse de estos transitorios caducados, puede usar el complemento Delete Expired Transients, que es absolutamente gratuito.

Liquidación de tablas de base de datos

La base de datos en WooCommerce almacena casi todo como mencionamos anteriormente. Pero durante un período de tiempo, los datos se agregan, eliminan y se mueven entre las tablas y se vuelven ineficientes. Por lo tanto, es mejor limpiar los datos innecesarios limpiando las tablas de su base de datos.

Puede usar uno de estos complementos de WordPress para limpiar su base de datos y acercarse a su objetivo de una tienda WooCommerce optimizada.

• WP-Optimizar
• Optimizador de limpieza de WP
• Limpiador de base de datos avanzado
• Refuerzo de limpieza

11. Optimización de la tienda para dispositivos móviles

¿Sabes que en la actualidad hay más de 4 mil millones de usuarios móviles en todo el mundo? Y el número puede crecer hasta más de 5 mil millones para 2024. La indicación es que existe un enorme tráfico global para dispositivos móviles y, por lo tanto, su tienda WooCommerce debe estar optimizada para móviles, teléfonos inteligentes o tabletas. Sorprendentemente, la tasa de conversión de los dispositivos móviles es menos de la mitad que la de las computadoras de escritorio. Puede utilizar Google Mobile-Friendly Test para saber si su sitio cumple con los estándares mínimos de usabilidad móvil.

Después de esta prueba, también sabrá cómo se ve su sitio web en un dispositivo móvil. Para hacer que su sitio sea compatible con dispositivos móviles, debe usar un tema receptivo. Recuerde, a los usuarios de dispositivos móviles no les gustan las millas demasiado fuertes en una página, por lo tanto, manténgala lo más ajustada posible.

12. Deshabilitar la solicitud AJAX para obtener fragmentos actualizados

Siempre que un usuario realiza algún cambio en el carrito de compras, WooCommerce hace uso de la solicitud AJAX Get Refreshed Fragments para actualizar el contenido del carrito de compras de forma dinámica. Sin embargo, la mayoría de las veces ralentiza el sitio web, principalmente aquellos que están alojados en servidores compartidos. Pero si deshabilita esta solicitud, se recomienda habilitar la opción "Redirigir a la página del carrito después de una adición exitosa" en el panel de configuración de WooCommerce -> Productos.

También lea nuestras otras publicaciones sobre cómo acelerar la tienda Magento 2 y la optimización de la velocidad de Shopify.

Terminando

En este artículo hemos aprendido sobre diferentes estrategias útiles que son de gran utilidad para optimizar la velocidad de su tienda WooCommerce. No puede simplemente renunciar a la velocidad de su sitio web porque es uno de los puntos más importantes de la experiencia del usuario, ayuda en el SEO de su sitio y le brinda muchos otros beneficios. En Emizentech, la mejor empresa de desarrollo de comercio electrónico en la India, tenemos experiencia en el desarrollo de tiendas WooCommerce que tienen una velocidad optimizada y funcionan a la perfección.