Cómo acelerar tu sitio web de comercio electrónico (14 consejos probados)

¿Quieres acelerar tu sitio web de comercio electrónico?

La velocidad es crucial para el éxito de un sitio de comercio electrónico. No sólo mejora la experiencia del cliente, sino que repercute directamente en las conversiones y las ventas

En esta guía, te mostraremos cómo acelerar fácilmente tu tienda de comercio electrónico para mejorar el rendimiento y las conversiones

Mejorar la velocidad del sitio web de comercio electrónico

Por qué la velocidad es importante para tu tienda de comercio electrónico

La velocidad es extremadamente importante cuando se trata de la experiencia del usuario. A nadie le gusta un sitio web lento, un ordenador lento o una aplicación lenta

Pero para las tiendas online, un sitio web lento puede costarles el negocio

Por ejemplo, un estudio descubrió que un retraso de un segundo en el tiempo de carga de la página provoca una pérdida del 7% en las conversiones, un 11% menos de visitas a la página y una disminución del 16% en la satisfacción del cliente.

Estudio StrangeLoop

En palabras más sencillas, los sitios web lentos pueden provocar menores ventas

Ahora bien, además de la experiencia del usuario y las ventas, la velocidad del sitio de comercio electrónico también afecta a tu clasificación SEO. Los motores de búsqueda como Google consideran la velocidad como un importante indicador de la experiencia del usuario y un factor de clasificación

De hecho, la actualización de búsqueda de la experiencia de la página de Google se centra exclusivamente en las métricas de la experiencia del usuario, como la tasa de rebote y la velocidad del sitio web. Un sitio web de comercio electrónico más rápido te ayudará a atraer más tráfico gratuito de los motores de búsqueda

Dicho esto, veamos cómo aumentar fácilmente la velocidad y el rendimiento de tu tienda de comercio electrónico

Aquí tienes un rápido resumen de los temas que trataremos en esta guía

Video Tutorial

Suscribirse a WPMundobytes

Si prefieres instrucciones escritas, sigue leyendo.

1. Elige un mejor proveedor de alojamiento de comercio electrónico

Toda la optimización del rendimiento del comercio electrónico que hagas en tu sitio web tendrá poco impacto si no tienes un buen proveedor de alojamiento de comercio electrónico.

No todas las empresas de alojamiento de WordPress son iguales. Para obtener un mejor rendimiento, tienes que elegir un proveedor de alojamiento de comercio electrónico que haga lo siguiente

  • Proporcione una plataforma estable y actualizada para alojar tu tienda de comercio electrónico
  • Está optimizado para WordPress, WooCommerce o cualquier otro plugin de comercio electrónico que quieras utilizar
  • Sus servidores están optimizados para la velocidad y el rendimiento. Esto significa que tienen incorporado el almacenamiento en caché, la seguridad y otras características para mejorar el rendimiento

Recomendamos utilizar SiteGround. Es uno de los proveedores de alojamiento de WordPress recomendados oficialmente

Los servidores de SiteGround funcionan con Google Cloud Platform, conocida por su alto rendimiento. Tienen incorporado el almacenamiento en caché e incluso tienen su propio plugin de optimización que implementa automáticamente muchos de los consejos de rendimiento que recomendaremos más adelante en este artículo

Si buscas alternativas, consulta nuestra lista de los mejores proveedores de alojamiento para WooCommerce

Después de configurar tu tienda de comercio electrónico en un buen servicio de alojamiento, puedes poner en práctica los siguientes consejos de optimización para aumentar el rendimiento

2. Instala un plugin de caché para WordPress

WooCommerce es una plataforma dinámica de comercio electrónico. Esto significa que todos los datos de tus productos se almacenan en una base de datos y las páginas de productos se generan cuando un usuario visita tu sitio web

Para ello, WordPress necesita ejecutar el mismo proceso cada vez. Si más personas visitan tu tienda de comercio electrónico al mismo tiempo, entonces se ralentizará e incluso puede bloquearse

Un plugin de caché, te ayuda a solucionar ese problema

En lugar de generar páginas cada vez, un plugin de caché muestra al usuario una versión en caché de la página HTML. Esto libera los recursos de tu servidor y le permite funcionar de forma más eficiente, mejorando así el tiempo de carga del sitio web.

Cómo funciona la caché en WordPress

Existen excelentes plugins de caché para WordPress, y las empresas de alojamiento de WordPress más populares, como SiteGround y Bluehost, ofrecen sus propios sistemas de caché.

Recomendamos utilizar WP Rocket. Es el mejor plugin de caché para WordPress del mercado, con la configuración más fácil para los principiantes

A diferencia de otras soluciones de caché para WordPress, WP Rocket no espera a que los usuarios visiten una página para generar una versión en caché. En su lugar, prepara automáticamente una caché de tu sitio web y la mantiene actualizada

Con la configuración correcta de WP Rocket, puedes obtener fácilmente puntuaciones casi perfectas en herramientas de pruebas de velocidad como Pingdom, GTMetrix, Google Pagespeed Insights y otras.

Para obtener detalles e instrucciones, consulta nuestro artículo sobre cómo instalar y configurar WP Rocket en WordPress

Las principales empresas de alojamiento de WordPress, como SiteGround y Bluehost, también ofrecen sus propias soluciones de almacenamiento en caché

Optimizador SG de SiteGround

SiteGround te permite activar fácilmente el almacenamiento en caché en tu tienda de comercio electrónico utilizando su plugin SG Optimizer

Esta herramienta de rendimiento "todo en uno" incluye almacenamiento en caché, ajustes de rendimiento, conversión de imágenes WebP en WordPress, optimización de la base de datos, minificación de CSS, compresión GZIP y mucho más

Sólo tienes que instalar y activar el Optimizador SG en WordPress. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, haz clic en el menú SG Optimizer de la barra lateral de administración de WordPress para acceder a la configuración del plugin. Desde aquí, tienes que activar la opción de Caché Dinámico

Activar el almacenamiento en caché en SiteGround

Activar la caché en Bluehost

Del mismo modo, Bluehost también te permite utilizar su sistema de caché integrado para optimizar WooCommerce. Simplemente accede a tu panel de control de Bluehost y ve a Mis Sitios página. Si tienes varios sitios, selecciona tu sitio y luego pasa a la pestaña Rendimiento

Niveles de caché de Bluehost

Desde aquí puedes seleccionar un nivel de caché para tu sitio web. Por ejemplo, puedes elegir eCommerce, pero si tu sitio web sigue siendo lento, puedes volver aquí y aumentar el nivel de caché

3. Utiliza la última versión de PHP

Tanto WordPress como WooCommerce están escritos principalmente en el lenguaje de programación PHP.

Con cada nueva versión, PHP mejora su rendimiento y se vuelve más rápido. También corrige errores y parches de seguridad que pueden comprometer la estabilidad y la velocidad de tu sitio web

Por eso debes utilizar siempre la última versión de PHP

Puedes averiguar la versión de PHP de tu tienda de comercio electrónico visitando Herramientas " Salud del sitio en tu panel de control de WordPress y cambiando a la pestaña "Información"

Salud del sitio en WordPress

Desde aquí, tienes que hacer clic en la sección "Servidor" para ampliarla, y podrás ver la versión de PHP que utiliza tu servidor

Versión de PHP en la salud del sitio de WordPress

Si tu sitio web está funcionando con una versión de PHP inferior a la 8.0, debes ponerte en contacto con tu proveedor de alojamiento y pedirle que lo actualice por ti

Para más detalles, consulta nuestro artículo sobre cómo afectan las actualizaciones de PHP a tu sitio web

Nota: Algunas empresas de alojamiento gestionado de WordPress, como SiteGround, han creado su propio PHP Ultrafast para mejorar el tiempo de respuesta general del servidor. Otras utilizan PHP FastCGI para ayudar a los clientes a mejorar la velocidad del comercio electrónico.

4. Última versión de WordPress y WooCommerce

Los desarrolladores de WordPress y WooCommerce dedican una gran cantidad de tiempo a mejorar el rendimiento durante cada ciclo de desarrollo. Esto hace que ambas aplicaciones funcionen de forma más eficiente y utilicen menos recursos del lado del servidor

Cada nueva versión también corrige errores y refuerza la seguridad, lo cual es crucial para un negocio de comercio electrónico

Como propietario de la tienda, es tu responsabilidad asegurarte de que utilizas la última versión de WordPress, WooCommerce, otros plugins y tu tema de WordPress

Sólo tienes que ir a Panel de control " Actualizaciones página para instalar todas las actualizaciones disponibles

Instalación de actualizaciones

5. Optimizar las imágenes de los productos para mejorar su rendimiento

Las imágenes de producto son una de las cosas más importantes visualmente para una tienda online. Unas mejores imágenes de producto mantienen a los clientes comprometidos y pueden ayudar a aumentar la conversión de las ventas

Por eso es importante añadir imágenes de producto de alta calidad. Sin embargo, debes asegurarte de que el tamaño de los archivos de las imágenes grandes esté bien optimizado

Hay dos formas de optimizar las imágenes de producto para la web sin perder calidad

En primer lugar, puedes optimizar cada imagen de producto en tu ordenador antes de subirla a tu sitio web. Esto requiere un software de edición de imágenes como Adobe Photoshop, Affinity, Gimp, etc

La mayoría de ellos tienen una opción para exportar una imagen para la web. También puedes ajustar la calidad de la imagen antes de guardarla para subirla

Exportar para la web en Adobe Photoshop

Como alternativa, puedes utilizar un plugin de compresión de imágenes para WordPress. Estos plugins optimizan automáticamente el tamaño de las imágenes de tus productos para mejorar el rendimiento del sitio

Aparte de la compresión de imágenes, el tipo de archivo de imagen que elijas también puede ayudar. Por ejemplo, las imágenes JPEG son mejores para las imágenes que tienen mucho color, mientras que las imágenes png son mejores para las imágenes transparentes.

6. Utiliza un cortafuegos de sitios web a nivel de DNS

Los ataques de fuerza bruta y DDoS son molestias habituales en Internet. Básicamente, los hackers intentan sobrecargar tu servidor para entrar, robar datos o instalar malware

La mayoría de las empresas de alojamiento tienen protecciones básicas que protegen tus sitios web de estos ataques. Sin embargo, una de las desventajas de estos ataques es que hacen que la carga de tu sitio web sea extremadamente lenta

Aquí es donde necesitas un Firewall de Aplicaciones Web (WAF)

Ahora, los plugins de cortafuegos habituales de WordPress se ejecutan en tu propio servidor web. Esto los hace un poco menos eficientes, ya que no pueden bloquear ataques sospechosos hasta que llegan a tu servidor

Por otro lado, un cortafuegos a nivel de DNS es capaz de filtrar tu tráfico en la nube y bloquear los ataques sospechosos incluso antes de que lleguen a tu sitio web

Cortafuegos del sitio web

Recomendamos utilizar Sucuri. Es el mejor plugin de cortafuegos para WordPress con un completo paquete de seguridad

Sucuri también viene con una potente CDN (red de entrega de contenidos). Una CDN sirve el contenido estático de tu sitio web (imágenes, hojas de estilo, JavaScript) desde una red global de servidores. Esto reduce aún más la carga de tu servidor y mejora el tiempo de carga general del sitio

Si buscas una opción gratuita, la CDN gratuita de Cloudflare te ofrece un nivel básico de protección de cortafuegos DNS

7. Elige un mejor tema de WordPress

Elige el mejor tema de comercio electrónico

Los temas de WordPress controlan la apariencia de tu tienda de comercio electrónico. Sin embargo, no todos están optimizados para el rendimiento y a menudo añaden demasiado desorden que hace que tu sitio web sea más lento

Al elegir un tema de WordPress para una tienda de comercio electrónico, debes encontrar el equilibrio entre funcionalidad y velocidad. Las características del tema, como los deslizadores, los carruseles, las fuentes web y las fuentes de iconos, pueden ralentizar tu sitio web

Te recomendamos que optes por un tema sencillo y que luego utilices plugins para añadir las funciones que necesites. Esto te permite controlar mejor tanto el rendimiento como la apariencia de tu tienda online

Los temas de WordPress de StudioPress, Elegant Themes y Astra están optimizados para el rendimiento. Para más recomendaciones de temas individuales, consulta nuestra selección de expertos de los mejores temas de WooCommerce para WordPress

8. Utiliza mejores plugins de WordPress

Una de las preguntas más frecuentes que se hacen los principiantes de WordPress es que ¿cuántos plugins pueden utilizar en su tienda sin afectar al rendimiento?

La respuesta es tantos como quieras

El número total de plugins no afecta al rendimiento de tu tienda online. Es la calidad del código lo que lo hace

Un solo plugin de WordPress mal codificado puede cargar demasiados scripts u hojas de estilo que podrían afectar a la velocidad de carga de la página

Por otro lado, un plugin bien codificado utilizaría las mejores prácticas estándar para minimizar el impacto en el rendimiento. Te recomendamos que pruebes el impacto de tus plugins en el rendimiento antes y después de instalarlos

También mantenemos una lista de plugins de WooCommerce imprescindibles en la que hemos seleccionado a mano los plugins de WooCommerce esenciales utilizados por la mayoría de las tiendas online

Por ejemplo, el SeedProd el constructor de páginas de aterrizaje de arrastrar y soltar te ayuda a construir páginas de aterrizaje de comercio electrónico rapidísimas sin tener que escribir ningún código.

SeedProd Page Builder

Para saber más sobre este tema, consulta nuestra guía sobre cómo elegir los mejores plugins de WordPress. Tiene un proceso paso a paso sobre cómo evaluar los plugins de WordPress y elegir el adecuado para tu tienda online

9. Reducir las peticiones HTTP externas

Una página típica de comercio electrónico contiene varios componentes. Por ejemplo, imágenes, archivos CSS y JavaScript, vídeos incrustados, etc.

Cada uno de estos componentes es cargado por separado por los navegadores de los usuarios haciendo una petición HTTP a tu servidor. Más peticiones HTTP significan más tiempo de carga de la página

Tu servidor también puede obtener cosas de herramientas y servicios de terceros como Google Analytics, retargeting de redes sociales y otros servicios. Esto se llama peticiones HTTP externas. Éstas pueden tardar aún más en terminar en una carga típica de una página web

Está bien tener estas secuencias de comandos en tu sitio web de WordPress, pero si están afectando al rendimiento de tu sitio web, entonces tienes que considerar la posibilidad de reducirlas

Puedes ver las peticiones HTTP externas visitando tu sitio web y abriendo la herramienta Inspect en tu navegador. Desde aquí, cambia a la opción Fuentes " Página para ver todas las peticiones HTTP externas.

Peticiones HTTP externas

10. Reducir las peticiones a la base de datos

WordPress y WooCommerce utilizan la base de datos para almacenar una gran cantidad de contenido y configuraciones. Tu tema y tus plugins de WordPress también hacen consultas a la base de datos para obtener y mostrar esa información en pantalla

Las consultas a la base de datos son extremadamente rápidas, y tu sitio web puede ejecutar cientos de ellas en apenas milisegundos. Sin embargo, si tu sitio web soporta un pico de tráfico, estas consultas pueden ralentizar el tiempo de carga de tu página

Puedes comprobar las llamadas a la base de datos utilizando un plugin como Monitor de consultas en WordPress. Al activarlo, el plugin añadirá el menú de monitorización de consultas en tu barra de administración de WordPress.

Menú del monitor de consulta

Sin embargo, minimizar estas peticiones puede no ser posible para los usuarios de nivel principiante. Por ejemplo, puede que tengas que modificar tu tema de WordPress para reducir las llamadas a la base de datos

Si te sientes cómodo editando los archivos de tu tema de WordPress o el código de depuración, puedes buscar las llamadas a la base de datos que se pueden evitar

Otros usuarios, pueden intentar encontrar un tema de WordPress mejor y plugins alternativos para reducir las llamadas a la base de datos si es necesario

11. Optimizar la base de datos de WordPress

Con el paso del tiempo, tu base de datos de WordPress puede hincharse con información que quizá ya no necesites

Este desorden puede ralentizar las consultas a la base de datos, los procesos de copia de seguridad y el rendimiento general de WordPress. De vez en cuando, es importante optimizar tu base de datos de WordPress para eliminar la información innecesaria.

Simplemente instala y activa el Barrido WP plugin. Una vez activado, sólo tienes que ir a Herramientas " Barrido para limpiar tu base de datos de WordPress.

Optimización de la base de datos de WordPress

Para más información sobre este tema, consulta nuestro artículo sobre cómo optimizar la base de datos de WordPress para obtener velocidad y rendimiento

12. Utiliza los sitios de ensayo para controlar los problemas de rendimiento

Hacer cambios en una tienda de comercio electrónico en vivo puede causar problemas. Por ejemplo, un cliente puede perder su pedido, o tu sitio puede caerse durante un evento de venta

Un sitio de ensayo te ayuda a probar fácilmente consejos de optimización del rendimiento, nuevos plugins o un tema sin afectar a tu tienda real

Básicamente, un sitio de ensayo es un clon de tu sitio web en vivo que se utiliza para probar los cambios antes de hacerlos en vivo

Muchas empresas populares de alojamiento de WordPress ofrecen la configuración de un sitio de ensayo con un solo clic. Una vez configurado, puedes probar tus cambios y hacer un seguimiento de la velocidad de carga y el rendimiento de tu página

Una vez que estés listo para implementar esos cambios, puedes simplemente desplegar el sitio de ensayo a la versión en vivo

Para obtener instrucciones paso a paso, consulta nuestro tutorial sobre cómo crear un sitio de ensayo para WordPress

13. Descarga los correos electrónicos de Ecommerce

Descargar los correos electrónicos de eCommerce

Los correos electrónicos juegan un papel muy importante en una tienda de comercio electrónico. Se utilizan para enviar confirmaciones de pedidos, facturas, correos electrónicos de restablecimiento de contraseñas, mensajes de ventas y marketing, etc

Sin embargo, muchos principiantes no se dan cuenta de esto y utilizan la funcionalidad limitada de correo electrónico de su proveedor de alojamiento para los correos electrónicos de comercio electrónico

La mayoría de las empresas de alojamiento no admiten la función de correo de WordPress por defecto. Algunas incluso la desactivan para evitar el spam y los abusos

Por eso necesitas utilizar un proveedor de servicios de correo electrónico SMTP dedicado junto con el Plugin WP Mail SMTP. Estas empresas se especializan en el envío de correos electrónicos masivos y garantizan una mayor entregabilidad, lo que significa que tus correos electrónicos no terminan en la carpeta de spam

Recomendamos utilizar SMTP.com como uno de los mejores proveedores de servicios SMTP para los correos electrónicos transaccionales

Es fácil de configurar y funciona con WooCommerce y todos los principales plugins de formularios de contacto de WordPress. Además, ofrecen una prueba gratuita de 30 días con hasta 50.000 correos electrónicos

Si quieres ver otros, echa un vistazo a Sendinblue o a Mailgun

14. Utiliza mejores herramientas de optimización de la tasa de conversión

Cuando se trata de un sitio web de comercio electrónico, la optimización de la tasa de conversión (CRO) es importante para aumentar las ventas.

Una tienda online típica tiene muchos elementos dinámicos para aumentar las conversiones, como la barra de envío gratuito en la página de inicio, el temporizador de cuenta atrás de las rebajas del viernes negro en la cabecera del sitio web, la ventana emergente de intención de salida en las páginas de pago, o incluso la gamificación de la rueda en el sitio móvil para reducir el abandono.

Ejemplo de barra de envío gratuito

A menudo, los propietarios de las tiendas y los minoristas utilizan una combinación de herramientas y plugins para añadir estos elementos dinámicos. El reto es que no todos ellos están debidamente optimizados para la velocidad.

Por eso es importante elegir herramientas de optimización de la conversión que ofrezcan un conjunto de funciones en una sola plataforma, para no cargar varios scripts externos.

A continuación encontrarás una lista de herramientas populares de optimización de la conversión que utilizamos en nuestros sitios web de comercio electrónico:

  • OptinMonster - es el kit de herramientas de optimización de la conversión más potente que te permite crear popups personalizados, campañas de gamificación, barras flotantes y mucho más.
  • LiveChat.com - es el mejor software de chat en vivo. También ofrecen el software de automatización ChatBot que funciona tanto para WooCommerce como para Shopify.
  • TrustPulse - es el mejor software de prueba social del mercado optimizado para la velocidad. Puedes utilizarlo para mostrar la actividad de los usuarios en tiempo real sin ralentizar tu sitio.

Cuando se trata de herramientas de análisis y pruebas A/B, recomendamos utilizar sólo lo absolutamente necesario.

Por ejemplo, si estás lanzando una nueva página de aterrizaje o un nuevo diseño de sitio web, es importante ejecutar la analítica de los mapas de calor. Sin embargo, después de un breve período de análisis, recomendamos desactivar los mapas de calor para que no reduzcan la velocidad de tu sitio web.

Del mismo modo, en el caso de las herramientas de pruebas A/B, no es necesario que ejecutes esos scripts en todas las páginas de tu sitio web. Puedes cargar selectivamente los scripts de las pruebas A/B en páginas específicas, y cuando termines la prueba, no olvides eliminar el script.

Esperamos que este artículo te haya ayudado a acelerar tu sitio web de comercio electrónico. Quizás también quieras ver nuestro manual de seguridad para WordPress o consultar nuestra guía de SEO para WooCommerce para conseguir tráfico gratuito desde los motores de búsqueda hacia tu tienda online

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo acelerar tu sitio web de comercio electrónico (14 consejos probados) puedes visitar la categoría Tutoriales.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up