¿Cómo acelerar tu sitio web de comercio electrónico de WordPress?

WordPress es el sistema de gestión de contenido más popular del mundo. Hoy en día, ya no se usa como una herramienta de blogging. En cambio, puede alimentar una amplia variedad de sitios web, incluido el comercio electrónico. De hecho, el número de sitios web de comercio electrónico que se construyen con WordPress está siempre en aumento. Si está ejecutando un sitio web de comercio electrónico de WordPress, ¿cómo puede hacerlo más rápido?

En otras palabras, ¿cómo acelerar un sitio web de comercio electrónico de WordPress? Este artículo responde a esta pregunta y proporciona ideas útiles para acelerar un sitio web de comercio electrónico de WordPress.

Optimizar un sitio web de comercio electrónico de WordPress: Primeros pasos

Créditos de las imágenes:

Hay varias formas de crear y configurar un sitio web de WordPress eCommerce. Por supuesto, todas estas formas giran en torno al uso de un plugin de WordPress específico. Generalmente hablando, WooCommerce es la solución de comercio electrónico más popular para usuarios de WordPress. Obviamente, la mayoría de los métodos de optimización y aceleración giran en torno a WooCommerce.

Sin embargo, ¿qué pasa si no eres un usuario de WooCommerce? Existen muchos otros complementos que pueden ayudarlo a armar un sitio web de comercio electrónico de WordPress. Por ejemplo, puede usar Descargas digitales fáciles que le permiten crear una tienda de comercio electrónico con productos digitales (en lugar de productos físicos), y así sucesivamente.

Independientemente del plugin WP o las extensiones que utilice, aún necesita tomar ciertos pasos comunes para acelerar su sitio web de WordPress eCommerce. Pero antes de eso, ¡necesitas saber cuán lento puede ser tu sitio web!

Probando velocidad

Una buena prueba para la velocidad del sitio web y los tiempos de carga de la página debe llevarse a cabo en un entorno independiente. Por lo tanto, debe usar un servidor remoto, posiblemente desde múltiples ubicaciones. Esto eliminará factores como el almacenamiento en caché del navegador y le dará una idea real del tamaño de la página, los tiempos de carga, la cascada, etc.

Herramientas tales como Pingdom y GTmetrix son muy útiles en este sentido. Puede ejecutarlo en la URL de su sitio web y ver los resultados junto con las áreas donde puede mejorar.

Para el propósito de un sitio web de comercio electrónico de WordPress, debe ejecutar las pruebas de velocidad en la página principal de su tienda. Si está utilizando WooCommerce, intente ejecutar las pruebas en la página de la tienda o en la página de un solo producto.

Una vez que se complete la prueba, le proporcionará un informe de qué está frenando exactamente su sitio web de comercio electrónico de WordPress. Por ejemplo, la siguiente prueba (realizada en la página de inicio de Shopify) muestra que el almacenamiento en caché del navegador, la combinación de JS y las redirecciones menores pueden aumentar los tiempos de carga de la página.

Acelerar el sitio web de comercio electrónico de WordPress

Por supuesto, los resultados variarán de un sitio web a otro. Sin embargo, le ayudará a tener una idea clara de exactamente dónde su sitio web de WordPress eCommerce tarda en cargarse.

Ahora, volvemos a la gran pregunta: ¿cómo podemos acelerar nuestro sitio web de WordPress eCommerce?

Alojamiento y CDN

Es de conocimiento común que debe optar por soluciones de alojamiento web fiables, de buena calidad y bien optimizadas para su sitio web de WordPress eCommerce. Desafortunadamente, la industria del alojamiento web hoy en día está llena de servidores web que a menudo brindan servicios por debajo de lo normal. Esto puede afectar negativamente el rendimiento de su sitio web. Independientemente de los métodos de optimización que implemente, su sitio WP eCommerce podría no cargar más rápido debido a un servidor lento y lento.

Afortunadamente, tenemos una guía comparativa que puede ayudarlo a evaluar el tipo de plan de hosting que necesita y qué proveedor de alojamiento web puede satisfacer sus necesidades. Echale un vistazo aquí.

Dicho esto, nunca subestimes la importancia de una red de distribución de contenido. No importa cuán bueno sea su alojamiento web, un CDN siempre puede hacerlo mejor y más rápido. Si su tienda de comercio electrónico tiene clientes en todo el mundo o en diferentes países, es necesario usar CDN.

Una red de entrega de contenido, en esencia, acelera su sitio web sirviendo sus páginas desde un grupo geográficamente diverso de servidores. Por ejemplo, supongamos que su sitio web está alojado en un servidor ubicado en Florida. Ahora, si un usuario de Bangkok visita su sitio, le llevará más tiempo cargar la página. Esto se debe a la distancia geográfica, múltiples ISP, etc. Por otro lado, si está utilizando una red de distribución de contenido, la CDN publicará una copia del contenido de su sitio web en una ubicación más cercana a Bangkok, digamos Singapur. Naturalmente, esto aumentará el tiempo de carga de la página y servirá el contenido más rápido.

CloudFlare y MaxCDN son dos opciones populares para integrarse con un sitio web de comercio electrónico de WordPress. Incluso puede usar el plan gratuito de CloudFlare para probar aguas, aunque para un rendimiento óptimo, un plan pago es una buena inversión.

Optimizar imágenes

Las imágenes son un componente vital de cualquier tienda de comercio electrónico. Para mejorar los tiempos de carga de la página, es una buena idea dedicar un tiempo a optimizar las imágenes del producto, las miniaturas, etc.

Complementos de WordPress como TinyPNG puede ser útil para comprimir y optimizar imágenes cuando las cargas.

Otro método que se puede emplear aquí es la carga diferida de imágenes. La carga diferida significa que el conjunto de imágenes no se carga hasta que el usuario se desplaza hacia la parte de la página donde se colocan esas imágenes. De esta manera, el tiempo total de carga de la página no se ve afectado negativamente ya que el navegador no tiene que cargar todas las imágenes a la vez. Complementos de WP como BJ Lazy Load puede ayudarte a lograr esto de la caja.

Dado que la mayoría del contenido multimedia de su tienda en línea estará en forma de imágenes, la optimización y la carga diferida de las imágenes pueden producir resultados beneficiosos.

Usar un complemento de caché de WordPress

El almacenamiento en caché ha sido durante mucho tiempo la solución más común para acelerar los sitios web y blogs de WP. Un sitio web de comercio electrónico de WordPress no es una excepción a esta regla. Debería considerar optar por un plugin de caché de WordPress confiable y reputado. Algunos nombres dignos son:

Además, asegúrese de que el complemento que está seleccionando sea compatible con su complemento de WordPress eCommerce. Si está utilizando WooCommerce, no hay nada de qué preocuparse: la mayoría de los complementos de almacenamiento en caché tienen en cuenta las tiendas WooCommerce y son totalmente compatibles con el mismo. Para todos los demás complementos de WP de eCommerce, es posible que deba verificar la documentación de su complemento.

Por compatibilidad, queremos decir que el complemento de caché debe detectar automáticamente lo que necesita para almacenar en caché (y lo que no debería). Aquí hay un ejemplo: bajo ninguna circunstancia, su plugin de caché de WP debe almacenar en caché las páginas de Cart and Checkout. Estas páginas deben generarse en función de la selección del usuario solamente; no hay una copia estática que pueda publicarse.

Del mismo modo, los widgets de los carritos de compras (o íconos que a menudo se colocan en el encabezado o la barra de menú de las tiendas de comercio electrónico) no necesitan almacenarse en caché. Para los sitios de comercio electrónico de WordPress, una buena idea es activar la minificación de CSS y HTML, pero evite la minificación de JavaScript. Muchos complementos de comercio electrónico dependen de JS para cargar widgets de carrito de compras sobre la marcha. La minimización de JS o el almacenamiento en caché pueden causar problemas aquí: el usuario puede agregar un producto a su carrito y se agregará con éxito. Sin embargo, la página mostrará un carro vacío: JS se guardó en la memoria caché y, por lo tanto, el carrito de compras no se actualizó, a menos que se actualice toda la página.

Por lo tanto, aunque puede (y debería) almacenar en caché los archivos de JavaScript y minimizarlos en los blogs de WP, hacerlo no es una buena idea en las tiendas de eCommerce de WP.

Uso de AJAX en el carrito de compras

Es una práctica común utilizar AJAX para representar los detalles del carrito de compras. La mayoría de los complementos de WP eCommerce, incluido WooCommerce, también hacen lo mismo. Así es como funciona:

El usuario selecciona un producto y hace clic en el botón "Agregar al carrito". El producto se agrega al carrito. A continuación, se actualizan dos valores en la página: el botón Añadir al carro del producto muestra "Agregado al carro" o "Ya está en el carro" (o similar), y el widget (o botón) del carrito de compras muestra el conteo actualizado del producto. El resto de la página? No se actualiza ni cambia.

Esta actualización selectiva se realiza mediante una llamada AJAX. Ahora, la parte negativa de esta característica es que las llamadas AJAX toman tiempo y siempre afectan adversamente el tiempo de carga de la página. Entonces, ya sea que el usuario agregue un producto para llamar o no (es decir, si el carrito necesita o no ser actualizado mediante AJAX), las bibliotecas aún necesitan ser cargadas.

Si realmente desea aumentar el rendimiento aquí, puede desactivar las llamadas AJAX (usa un plugin simple como este) y luego haga que su complemento de eCommerce redirija al usuario al carrito de compras al agregar el producto al carrito. Aquí está cómo hacer eso en WooCommerce:

Acelerar el sitio web de comercio electrónico de WordPress

Simplemente vaya a Configuración y luego a la pestaña Productos. Seleccione la opción "redirigir al carrito". A partir de entonces, guarde su selección (también puede desactivar AJAX en los archivos, si lo desea).

Mientras estamos en ello, un plugin de WordPress simple pero muy útil será Reparación de drenaje de velocidad WooCommerce. Simplemente deja de cargar los métodos AJAX y otras funciones de WooCommerce en páginas que no son de WooCommerce (por ejemplo, su blog o página). Puede ayudarlo a acelerar sus variedades de sitios web de comercio electrónico de WordPress.

Optimización de base de datos

Créditos de las imágenes:

Una base de datos de WordPress lenta y mal optimizada puede paralizar su sitio web. Esto es especialmente cierto en el caso de las tiendas de comercio electrónico que se ejecutan en WP. Hay más tablas de bases de datos y entradas de lo normal. No solo tiene que tratar con tablas y entradas para publicaciones, páginas y comentarios. Además, también tendrá entradas y tablas para sus productos, atributos de productos, pedidos, etc.

Puedes optar por un popular plugin de WP como WP Optimize or barrido WP. Dichos complementos pueden escanear a través de su base de datos, eliminar fragmentos y gastos indirectos innecesarios, etc. Limpiando su base de datos WP a intervalos regulares, puede aumentar los tiempos de carga de la página ya que las consultas a la base de datos se realizarán más rápido.

Conclusión

Eso nos lleva al final de esta publicación. Hemos discutido formas de evitar la carga de scripts innecesarios en páginas de comercio electrónico, optimizar bases de datos, utilizar el almacenamiento en caché y CDN, etc. para acelerar cualquier sitio web de WordPress eCommerce.

Si está ejecutando o administrando un sitio web de comercio electrónico de WordPress, ¿qué estrategia o métodos utiliza para acelerarlo? Comparte tus puntos de vista en los comentarios a continuación!

Imagen destacada

Sufyan bin Uzayr

Escritor; autor publicado; amante del café; desarrollador web; el tipo detrás de Parakozm.