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

Si se suscribe a un servicio desde un enlace en esta página, Reeves and Sons Limited puede ganar una comisión. Vea nuestro Declaración de Ética.

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 comercio electrónico de WordPress. Por supuesto, todas estas formas giran en torno al uso de un WordPress específico plugin. Generalmente hablando, WooCommerce es la solución de comercio electrónico más popular para los usuarios de WordPress. Obviamente, la mayoría de los métodos de optimización y aceleración giran en torno a WooCommerce.

Sin embargo, ¿y si no eres un WooCommerce ¿usuario? Hay muchos otros plugins por ahí que pueden ayudarlo a armar un sitio web de comercio electrónico de WordPress. Por ejemplo, puedes usar Easy Digital Downloads que le permite crear una tienda de comercio electrónico con productos digitales (en lugar de productos físicos), etc.

Independientemente del WP plugin o las extensiones que usa, aún debe seguir ciertos pasos comunes para acelerar su sitio web de comercio electrónico de WordPress. ¡Pero antes de eso, necesita saber qué tan lento puede ser su 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 esta usando WooCommerce, intente ejecutar las pruebas en la página de la tienda o en la página de un solo producto.

Una vez completada la prueba, le proporcionará un informe de exactamente qué está ralentizando su sitio web de comercio electrónico de WordPress. Por ejemplo, la siguiente prueba (realizada en ShopifyLa página de inicio) muestra que el almacenamiento en caché del navegador, la combinación 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 un Red de entrega de contenidos. 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, usar un CDN es una necesidad.

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.

WordPress plugins tales 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. Lazy loading significa que el conjunto dado de imágenes no se carga hasta que el usuario se desplaza hacia abajo a 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. WP plugins tales 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.

Usando un almacenamiento en caché de WordPress Plugin

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 almacenamiento en caché de WordPress confiable y de buena reputación plugin. Algunos nombres dignos son:

Además, asegúrese de que el plugin que está seleccionando es compatible con su comercio electrónico de WordPress plugin. Si estas usando WooCommerce, no hay nada de qué preocuparse: la mayoría del almacenamiento en caché pluginmantener WooCommerce tiendas en mente y son totalmente compatibles con las mismas. Para todos los demás WP de comercio electrónico plugins, es posible que deba revisar su pluginla documentación de .

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

Del mismo modo, no es necesario almacenar en caché los widgets del carrito de compras (o los íconos que a menudo se colocan en el encabezado o en la barra de menú de las tiendas de comercio electrónico). Para los sitios de comercio electrónico de WordPress, una buena idea es activar la minificación de CSS y HTML, pero evitar la minificación de JavaScript. muchos comercio electrónico plugins confía en JS para cargar widgets de carrito de compras sobre la marcha. La minificación o el almacenamiento en caché de JS pueden causar problemas aquí: el usuario puede agregar un producto a su carrito y se agregará con éxito. Pero la página aún mostrará un carrito vacío: JS se almacenó en 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 usar AJAX para mostrar los detalles del carrito de compras. La mayoría de los comercios electrónicos de WP plugins, incluyendo WooCommerce, también haz lo mismo. Así es como funciona:

El usuario selecciona un producto y hace clic en el botón "Agregar al carrito". El producto se añade al carrito. A continuación, se actualizan dos valores en la página: el botón Agregar al carrito del producto muestra "Agregado al carrito" o "Ya en el carrito" (o similarwise), y el widget (o botón) del carrito de compras muestra el recuento de productos actualizado. ¿El resto de la página? No se actualiza ni se modifica.

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 tú realmente wish para obtener un aumento de rendimiento aquí, puede deshabilitar las llamadas AJAX (usar un simple plugin como este) y luego tener tu eCommerce plugin redirigir 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 diríjase a Configuración y luego a la pestaña Productos. Seleccione la opción "redireccionar al carrito". A partir de entonces, guarde su selección (también puede deshabilitar AJAX en archivos, si wish a).

Mientras estamos en eso, un WordPress simple pero muy útil plugin se mostrarán WooCommerce Reparación de drenaje rápido. Simplemente deja de cargar métodos AJAX y otros WooCommerce funciones en no-WooCommerce páginas (por ejemplo, su blog o acerca de la página). Puede ayudarlo a acelerar los múltiples 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 WP popular plugin como WP Optimize or barrido WP. Tal pluginLos correos electrónicos pueden escanear a través de su base de datos, eliminar fragmentos y gastos generales innecesarios, etc. Al limpiar su base de datos de WP a intervalos regulares, puede aumentar los tiempos de carga de la página ya que las consultas de 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é; descifrador.

Comentarios Comentarios 0

Deje un comentario

Su dirección de correo electrónico no será publicada. Las areas obligatorias están marcadas como requeridas *

Clasificación *

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.