12 maneras fáciles de acelerar su tienda WooCommerce

El alojamiento WooCommerce administrado de Nexcess está diseñado para hacer que su tienda de comercio electrónico sea ultrarrápida.

Acelerar su tienda WooCommerce puede ayudar a evitar que los clientes abandonen y pierdan ventas, tanto si es propietario de una tienda en el alojamiento de WooCommerce administrado por Nexcess como si es propietario de una tienda WooCommerce que aún no está listo para un producto especializado.

Si bien puede pensar que mejorar su experiencia de usuario consiste en recopilar más análisis de usuarios e incluir herramientas como personalización y chat en vivo, estas herramientas y análisis en realidad pueden ralentizar su sitio web.

Aumentar la velocidad de tu tienda puede afectar positivamente tu SEO al mejorar la experiencia del usuario. De hecho, un sitio web que tarda más de 3 segundos en cargarse será abandonado por el 40% de los compradores. Un retraso de 2 segundos aumenta las tasas de rebote en un 103%. Y un retraso de incluso 100 milisegundos afecta las tasas de conversión en un 7%. La carga retrasada puede conducir directamente a la pérdida de ingresos, especialmente durante las horas pico, como Cyber ​​​​Monday y Black Friday.

Ya sea que esté utilizando una opción de alojamiento compartido o no haya llegado al punto en que necesite una opción completamente administrada, los 12 poderosos cambios que incluimos a continuación pueden ayudarlo a optimizar su sitio de WooCommerce, acelerar su tienda y mejorar el rendimiento. Lo mejor de todo es que implementar estos cambios no requerirá mucho tiempo, esfuerzo ni costo.

1. Pruebe la velocidad actual de su sitio

Para acelerar su tienda WooCommerce, debe probar su velocidad actual, y es posible que deba continuar probando la velocidad a medida que realiza cambios y optimiza su sitio WooCommerce. Al probar la velocidad, puede estar seguro de que sus mejoras están funcionando.

Si desea un enfoque simple para probar la velocidad de la página web, pruebe WebPageTest.

PageSpeed ​​Insights de Google analiza el contenido de una página y ofrece sugerencias para hacer que la página sea más rápida.

Ambos sitios ofrecen métricas y análisis más complejos. Google tiene PageSpeed ​​Tools, que incluye protocolos y estándares, así como mejores prácticas de rendimiento, y WebPageTest tiene una herramienta para capturar la experiencia visual de su usuario.

2. Asegúrate de tener un tema rápido

Tener un tema de WooCommerce visualmente impresionante con muchas funciones integradas puede parecer que mejorará la experiencia del usuario. Sin embargo, estas funciones tardan en cargarse. Elegir el tema de WooCommerce más rápido para tu tienda puede ser relativamente simple.

Antes de elegir un tema, considere todas las características que le gustaría incluir en su tienda en línea. Escriba estas características y califique estas características de acuerdo con la necesidad. Esta tarea lo ayudará a ponerse en el lugar del usuario que visitará su tienda y lo ayudará a incluir solo lo que es necesario para que su usuario tenga éxito.

Asegúrate de que tu tema sea totalmente compatible con WooCommerce y que sea un tema configurado para el comercio electrónico.

Los temas de WooCommerce más rápidos suelen ser los temas ligeros y usan un generador de páginas para ayudarlo a incluir solo las funciones que necesita para acelerar su tienda de WooCommerce. Incluso podría hacer bien en comenzar con un tema gratuito. Estos temas principales de WooCommerce podrían funcionar para usted.

3. Evalúe sus complementos, widgets y recursos externos existentes

¿Sus complementos, widgets y recursos externos existentes optimizan su sitio o ralentizan su tienda WooCommerce sin aumentar significativamente la funcionalidad, optimizar la experiencia del usuario y, en última instancia, generar ingresos?

Para descubrir cómo acelerar su sitio WooCommerce, eche un vistazo a sus complementos , widgets y recursos externos . Los complementos pueden ayudar a mejorar el rendimiento. Los widgets y las herramientas para compartir pueden conectar su sitio WooCommerce a las redes sociales. Los recursos externos pueden hacer que su sitio se vea genial, pero ¿están mejorando la experiencia del usuario?

Los recursos externos, como secuencias de comandos, hojas de estilo, fuentes o incluso Google Analytics, pueden ayudar a organizar su sitio; sin embargo, no siempre es posible optimizar el rendimiento de estos recursos externos y pueden ralentizar su sitio.

Para acelerar su tienda WooCommerce, considere reemplazar los widgets en las redes sociales con simples botones para compartir. Estos botones para compartir evitan agregar solicitudes HTTP adicionales y limitan la dependencia interna de las consultas DNS.

Los complementos pueden ser útiles en algunas áreas, pero menos útiles en otras. Considere complementos para comprimir imágenes, mejorar las opciones de pago y envío, reducir el abandono del carrito y aumentar las ventas. Los complementos también pueden limpiar la base de datos de su tienda WooCommerce, y un complemento puede automatizar este proceso. La limpieza de su base de datos también puede aumentar la velocidad de su sitio. Consulte el complemento WP-Optimize.

Los complementos también pueden ralentizar su sitio WooCommerce. Instale solo los complementos más esenciales y recuerde verificar la velocidad de sus complementos.

4. Use Snippets: una excelente manera de hacer que su tienda WooCommerce sea más rápida

Los fragmentos de código son la base de las modificaciones de WooCommerce fáciles y de sentido común. Con el complemento Snippets , puede descargar e instalar fácilmente fragmentos creados por otros, o crear los suyos propios. Hay varias formas en que los fragmentos pueden ayudar a acelerar su tienda WooCommerce, incluida la adición de funcionalidad a su tienda o la desactivación de tareas, áreas o widgets que no se utilizan.

En los ejemplos a continuación, hemos eliminado o deshabilitado elementos, en lugar de agregar elementos para modificar el rendimiento. Hicimos esto porque esas tareas requieren esfuerzo, y cada acción innecesaria que utiliza recursos de back-end puede afectar el rendimiento de su tienda.

Tenga en cuenta que cada uno de nuestros fragmentos en este ejemplo está etiquetado. Etiquetar sus fragmentos facilita mantenerse organizado en torno a los cambios que realiza que afectan su área de administración, WooCommerce, widgets o su tablero.

5. Echa un vistazo a los complementos de Little Bizzy

Los complementos creados por Little Bizzy existen para optimizar su tienda WooCommerce de formas pequeñas y significativas. Deshabilitarán los fragmentos del carrito AJAX para ayudar con los tiempos de carga y deshabilitarán las incrustaciones internas y externas para acelerar la representación de la página. Una vez más, buscamos recortar el exceso para acelerar su tienda WooCommerce.

6. Eche un vistazo a la desactivación de WP

Optimization.io ofrece WP Disable , una opción de complemento que le permite una gran flexibilidad, a la vez que es fácil de usar. La instalación del complemento agrega un Optimization.iolink a su menú de administración, que lo lleva directamente al área de modificación.

Uno de los componentes sorprendentes de WP Disable es la capacidad de enfocarse específicamente en su tienda WooCommerce, mientras realiza mejoras generales en otras áreas de su sitio con unos pocos clics. ¡Hable sobre una manera fácil de hacer que su tienda WooCommerce sea más rápida!

Veamos algunos ejemplos en la pestaña Solicitudes , en la sección Quitar el exceso de peso, acertadamente titulada.

7. "Limpia" tu tienda

Los controles de revisión pueden ralentizar su tienda WooCommerce si agregó extensiones y creó un control de revisión predeterminado en las páginas de productos.

Las extensiones pueden ayudar, pero considere evaluar el rendimiento de sus extensiones para asegurarse de que sean relevantes y necesarias. Es posible que pueda acelerar su sitio WooCommerce reemplazando algunas de las extensiones con un código equivalente. Reemplazar extensiones con código equivalente también puede aumentar el rendimiento.

Los controles de revisión en los sitios de WooCommerce son un buen lugar para comenzar. Las comprobaciones de revisión le permiten volver atrás y ver los cambios en las páginas de productos. Si bien las comprobaciones de revisión pueden ser excelentes, si solo realiza cambios menores, como cambiar una palabra o dos, esas copias revisadas de la página de su producto original se suman y ralentizan el rendimiento de WooCommerce. Considere deshabilitar o limitar el número de revisiones.

8. Deshabilitar elementos innecesarios

emojis

Los emojis pueden ser muy divertidos, pero pueden ralentizar tu sitio WooCommerce. A menos que desee específicamente que el uso de emoji esté disponible, no es necesario y puede eliminarse como una opción simplemente haciendo clic en el control deslizante Deshabilitar emojis.

Cadenas de consulta

Si alguna vez ejecutó una prueba de rendimiento de GTMetrix o Pingdom en su tienda, es posible que haya visto una sugerencia para "eliminar las cadenas de consulta de los recursos estáticos". Esto se debe a que algunos servidores y servidores proxy no pueden almacenar en caché las cadenas de consulta, y eliminarlas puede hacer que su tienda WooCommerce sea más rápida.

9. Alojar anuncios y productos afiliados

Para los anuncios, considere usar una sola red o alojar las imágenes usted mismo. Al alojar las imágenes usted mismo, tiene control sobre la ubicación de los anuncios, puede optimizar las imágenes y puede reducir las consultas de DNS.

10. Comprime tus imágenes

Las imágenes pueden ser una parte clave de un sitio de comercio electrónico, pero las imágenes pueden ralentizar significativamente su sitio.

Las imágenes son un lugar donde los complementos pueden ayudar, sin embargo, evite los complementos de compresión de imágenes cuando pueda. WordPress ofrece un enlace a un complemento que comprimirá JPG y PNG, y con una sola clave API, puede obtener hasta 100 compresiones de imágenes gratuitas por mes.

Considere comprimir sus imágenes antes de subirlas a su sitio. Use el formato JPG para fotos e imágenes de alta resolución donde necesita muchos detalles. Use PNG para íconos, logotipos, ilustraciones e imágenes transparentes; básicamente, la mayoría de las imágenes que no son o no necesitan ser JPG.

Los GIFS funcionan bien para las animaciones. Si bien los GIF se pueden usar para imágenes pequeñas, los PNG generalmente funcionan mejor.

11. Utilice la captación previa de DNS

DNS Prefetch es una opción que permite que su sitio resuelva previamente los dominios para tiempos de carga más rápidos. Al habilitar la captación previa de DNS, proporcionará una lista de los dominios a los que suele vincular o redirigir. Una vez que esos dominios se han resuelto, se eliminan los retrasos en resolverlos nuevamente.

12. Elija opciones de plataforma que hagan que su tienda WooCommerce sea más rápida

Todos los ajustes que acabamos de discutir tienen el potencial de hacer que su tienda WooCommerce sea más rápida, pero ¿qué pasa con WooCommerce en sí?

No es probable que necesite WooCommerce CSS o scripts para ejecutarse en páginas que no tienen elementos de WooCommerce. Una vez más, podemos deshabilitar algo innecesario y ganar mucho en rendimiento porque su backend no tiene que funcionar para cargar cosas que no son necesarias.

El mismo concepto se aplica a Reseñas y Fragmentos de carrito . Para cada elemento, todo lo que tiene que hacer es hacer clic en el control deslizante y luego guardar los cambios.

Es posible que su tienda no esté alojada en una plataforma de alojamiento administrado de WooCommerce, pero eso no significa que no pueda beneficiarse de algunas de las mismas opciones que usamos todos los días. Desde fragmentos de código hasta complementos, creemos que estos métodos probados y verdaderos pueden hacer que su tienda WooCommerce sea más rápida.

¡Podemos encargarnos de esto por usted!

Cuando esté listo para que nos ocupemos de estas cosas por usted, consulte el alojamiento WooCommerce administrado de Nexcess.

Este blog se publicó originalmente en marzo de 2018. Desde entonces, se ha actualizado para que sea más preciso y completo.

contenido relacionado

• Guía de clases, zonas y métodos de envío de WooCommerce
• Los elementos de una página de inicio de comercio electrónico exitosa
• 7 formas de adelantarse al abandono del carrito de compras
• Cómo crear una estrategia de ajuste de rendimiento de WordPress