Las tiendas de WooCommerce lentas pueden costarte dinero de varias maneras, desde el aumento del abandono de carritos hasta la pérdida de lealtad del cliente. Según Unbounce, casi el 70% de los consumidores dicen que la velocidad de la página influye en su deseo de comprar en una tienda online. El problema acá es que la velocidad depende de numerosos factores, y su mejora puede requerir mucho tiempo y esfuerzo.
Según Portent, las tasas de conversión de los sitios web disminuyen en un promedio de 4,42% por cada segundo que una página tarda en cargarse entre los segundos 0 y 5, siendo las páginas con tiempos de carga entre 0 y 2 segundos las que tienen las mayores tasas de conversión de comercio electrónico.
Si la velocidad de carga de tu sitio web es superior a 2-3 segundos, este artículo es lo que necesitás. Acá encontrarás varios consejos probados para medir y mejorar el rendimiento del sitio web de comercio electrónico.
¿Por qué importa la velocidad?
La velocidad del sitio web es un elemento crítico para el éxito de cualquier emprendimiento online, incluidas las tiendas de WooCommerce, por varias razones:
Experiencia del usuario:
Los usuarios de Internet suelen tener una capacidad de atención corta. Los tiempos de carga lentos pueden hacer que los visitantes abandonen tu sitio web incluso antes de que se cargue por completo. Un sitio web rápido, por el contrario, facilita la navegación, animando a los usuarios a explorar más páginas y a quedarse más tiempo.
SEO y posicionamiento:
La velocidad de la página es uno de los factores de posicionamiento más cruciales para Google. Métricas como Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS) forman parte de los factores de posicionamiento de Google. Los sitios web más rápidos tienen más posibilidades de posicionarse más alto en los motores de búsqueda. Con el auge de la búsqueda móvil, la velocidad de la página móvil también afecta significativamente al SEO.
Eficiencia de costos:
Los sitios web optimizados y más rápidos generalmente consumen menos ancho de banda y pueden resultar en costos de hosting más bajos. Los sitios más rápidos también requieren menos tiempo y esfuerzo para mantener.
Usuarios móviles:
Con un número creciente de usuarios que acceden a los sitios a través de dispositivos móviles, donde las velocidades de conexión pueden ser más lentas, la velocidad optimizada del sitio web se vuelve aún más crucial. La carga lenta puede ser aún más problemática en los dispositivos móviles y llevar a tasas de rebote más altas.
Alcance global:
Los usuarios de diferentes regiones con diferentes velocidades de Internet pueden tener una experiencia consistente si tu sitio web está optimizado para la velocidad. Los sitios web más rápidos son beneficiosos si apuntás a una audiencia global y estás utilizando una Red de Entrega de Contenidos (CDN) para servir contenido localizado.
¿Cómo evaluar la velocidad actual de la tienda?
Antes de comenzar el proceso de mejora, necesitás determinar dónde te encontrás ahora y averiguar la velocidad actual de la tienda y qué problemas podrían ralentizar tu sitio. Acá tenés algunos métodos y herramientas que podés usar para evaluar la velocidad de tu sitio de WooCommerce:
Herramientas de prueba directa
Estas herramientas prueban directamente el rendimiento de tu sitio web cargándolo desde diferentes ubicaciones de todo el mundo, simulando varios dispositivos y velocidades de conexión:
- Google PageSpeed Insights: Proporciona información sobre la velocidad tanto en dispositivos móviles como de escritorio. También ofrece sugerencias de optimización para WooCommerce.
- GTmetrix: Realiza un análisis detallado que incluye un gráfico de cascada, recomendaciones y varias puntuaciones.
- WebPageTest: Proporciona información detallada como el índice de velocidad, el tiempo hasta el primer byte y más.
Herramientas de desarrollador del navegador
Estas soluciones, integradas en los navegadores modernos, permiten a los desarrolladores inspeccionar, depurar y perfilar sitios web:
- Chrome DevTools: Usá las pestañas Red y Rendimiento para analizar la velocidad del sitio.
- Firefox Developer Tools: Estas herramientas permiten a los desarrolladores inspeccionar, depurar y perfilar páginas web, ayudándoles a comprender el comportamiento y la estructura de los sitios web.
Herramientas del lado del servidor
Estas herramientas pueden ayudar a identificar problemas del lado del servidor que podrían no ser evidentes con las herramientas de prueba del frontend:
- New Relic: Proporciona un análisis profundo del rendimiento del servidor, bueno para detectar cuellos de botella en el back-end.
- Análisis de registros: Analizá los registros del servidor para detectar problemas.
Verificaciones basadas en plugins
Los plugins pueden ofrecer una forma conveniente y poderosa de monitorear varios aspectos del rendimiento de tu tienda de WooCommerce directamente desde tu área de administración de WordPress. Acá tenés algunos enfoques populares basados en plugins:
- Query Monitor: Un plugin de WordPress para verificar qué consultas están ralentizando tu sitio web.
- WP Debugging: Habilita las funciones de depuración de WordPress para verificar si hay problemas.
Monitoreo de usuarios reales (RUM)
El Monitoreo de Usuarios Reales (RUM) es un enfoque de monitoreo de rendimiento que captura y analiza cada transacción realizada por los usuarios de un sitio web o aplicación. A diferencia de los métodos de monitoreo sintético, que simulan el comportamiento del usuario, el RUM recopila datos de las interacciones reales de los usuarios con tu sitio.
Normalmente, agregás un pequeño fragmento de código JavaScript a tu sitio web, que recopila y envía datos de rendimiento a un servidor para su análisis. Así es como funcionan la mayoría de las herramientas de RUM, aunque los detalles específicos de implementación pueden variar. Entre las herramientas útiles para RUM se encuentran New Relic Browser, Boomerang, Akamai mPulse y otras.
14 formas de aumentar la velocidad de tu tienda de WooCommerce
Ahora que conocés la velocidad de carga actual y los problemas que existen, podés construir una estrategia de optimización. Tené en cuenta que probablemente necesitarás arreglar varios aspectos del sitio web para lograr una gran velocidad en tu tienda de WooCommerce. Además, necesitarás monitorear la velocidad ocasionalmente, ya que puede ralentizarse con el tiempo. Acá tenés algunos consejos sobre cómo podés mejorar el rendimiento de tu sitio:
Encontrá un hosting confiable
Mientras que la opción incorrecta puede resultar en clientes insatisfechos y negocios perdidos, el hosting web ideal para WooCommerce puede garantizar un rendimiento impecable, tiempos de carga rápidos y un tiempo de actividad constante.
Cada tipo de hosting puede ofrecerse bajo una variedad de planes con diferentes precios. Por lo tanto, al buscar un proveedor de hosting dentro de tu rango de precios, considerá características como el almacenamiento en caché del lado del servidor, un ancho de banda y RAM adecuados para las demandas de tu sitio, almacenamiento SSD de alto rendimiento y software actualizado, como PHP y MySQL.
Si tenés un plan de hosting compartido, significa que cientos de sitios web usan el mismo servidor y sus recursos. Seleccioná un host que restrinja el número de sitios web permitidos en cada servidor, o considerá actualizar a un plan VPS o dedicado.
Optimizá la configuración de rendimiento
Primero, cambiá la URL de tu página de inicio de sesión. La URL de inicio de sesión suele ser la predeterminada y conocida por todos, incluidos los hackers, lo que hace que los sitios web sean susceptibles a ataques.
Podés evitar los ataques de fuerza bruta de actores maliciosos cambiando tu URL de inicio de sesión a algo único. También podés usarlo para prevenir problemas de limitación de velocidad HTTP.
Si tu sitio web de comercio electrónico también tiene un blog, restringí la cantidad de entradas que aparecen en tu feed de blog. Si administrás un blog popular, los ahorros de rendimiento se suman. Estos ajustes se pueden hacer en la configuración de Lectura del Panel de WordPress.
Captura de pantalla tomada en el sitio web oficial de WordPress
A continuación, desactivá los pingbacks en tu sitio web. Por lo general, producen spam. WordPress también te da la posibilidad de dividir los comentarios largos de los usuarios en porciones más pequeñas si tenés muchos comentarios de usuarios en tus artículos o páginas. Para reducir el tiempo que tarda en cargarse tu página de producto, mantené este valor entre 10 y 20.
Reconsiderá el uso de plugins y extensiones
Hay una plétora de plugins para WooCommerce, que proporcionan una versatilidad ilimitada. Sin embargo, esto no implica que debas instalar cada uno de ellos.
Numerosos plugins aumentan la cantidad de archivos Javascript o CSS en tu sitio web, lo que provoca que tu servidor reciba más solicitudes HTTP, ralentizando las operaciones de tu empresa. Además, tener más plugins significa usar más recursos del servidor, lo que ralentiza los tiempos de carga.
No importa cuántos plugins utilices; lo que importa es su calidad. Elegí plugins que puedan realizar numerosas tareas, leé reseñas para conocer el rendimiento, confirmá que se actualizan con frecuencia e instalá opciones de fuentes confiables.
Conseguí un tema de comercio electrónico rápido
Con bastante frecuencia, al optar por un tema de comercio electrónico, los diseñadores de sitios web eligen la estética sin considerar la rapidez con la que se cargan las páginas. Como resultado, la apariencia del frontend frecuentemente tiene prioridad sobre la velocidad de carga de la página.
Para optimizar el tiempo de carga, elegí un tema de WooCommerce que sea ligero y optimizado para el rendimiento. Asegurate de que el tema sea responsivo y tenga un código base limpio.
Además, tené en cuenta que muchos temas también te permiten desactivar elementos que no estás usando. Para determinar si un tema se carga rápidamente, intentá usar las herramientas de velocidad para probar las páginas de demostración o explorá las reseñas dejadas por los usuarios.
Comprimí las imágenes
Es esencial reducir el tamaño de tus imágenes antes de subirlas a tu sitio web, ya que usar imágenes grandes ralentizará drásticamente la velocidad de carga de la página. Para escalar las imágenes al tamaño correcto para tu sitio web, utilizá software como Photoshop, GIMP o Figma.
Los tamaños de archivo de tus fotografías se pueden disminuir sin perder calidad mediante la compresión. Seleccioná el formato apropiado; a menos que tu imagen tenga un fondo translúcido, las imágenes JPEG, que son más pequeñas, suelen ser las mejores para subir. Tené en cuenta el tamaño: subir una imagen de 2000 píxeles no cabrá en un lugar que tiene solo 500 píxeles de ancho. Comprimí la imagen después de procesarla: los compresores de imágenes reducen el tamaño del archivo eliminando cualquier dato y metadato extraños.
Implementá la carga diferida (lazy loading)
Una característica conocida como carga diferida evita que las imágenes se carguen hasta que un visitante del sitio se desplace hacia abajo hasta donde aparecen en la página. Como resultado, tus clientes no tendrán que esperar mientras tus medios se cargan para que puedan ver tu contenido. Si tu sitio web tiene muchas imágenes, esta estrategia puede reducir en gran medida los tiempos de carga de la tienda.
Podés instalar la carga diferida en tu tienda de WooCommerce usando plugins de WordPress. Los plugins acortan el tiempo que tarda tu sitio web en abrirse inicialmente.
Entregá recursos estáticos a través de una CDN
Una red de entrega de contenidos (CDN) es una red de servidores estratégicamente posicionada en todo el mundo. Los Puntos de Presencia (PoP) son los nombres de estas ubicaciones de servidores. La principal función de una CDN es almacenar en caché y entregar recursos estáticos como imágenes, JavaScript, CSS, etc.
Incluso si tu sitio web está alojado en un servidor muy rápido, su ubicación seguirá teniendo un impacto. La latencia de la red y el tiempo hasta el primer byte (TTFB) se reducen gracias a la CDN, que acorta la distancia entre cada usuario y los recursos del sitio.
Selecciona automáticamente el PoP de CDN más cercano para entregar los recursos en caché según el origen de la solicitud. Muchas CDN ofrecen capacidades adicionales para mejorar el rendimiento además del almacenamiento en caché, como una mayor compresión de imágenes sobre la marcha, soporte HTTP/3, prevención de hotlinking y mayor seguridad.
Eliminá scripts y hojas de estilo no utilizados
La mayoría de los plugins y temas de WordPress cargan scripts y hojas de estilo en cada página de tu sitio web. Incluso cuando no son necesarios en la página, cargan estos elementos de todos modos.
Al eliminar estos elementos innecesarios de los sitios web, podés reducir la sobrecarga de la página y acelerar la carga de la página de WooCommerce, lo que puede ahorrarte tiempo al configurar nuevos sitios y asignar personal. WooCommerce es vulnerable a este problema, al igual que sus extensiones.
Mirá el gráfico de cascada en el resultado de la prueba de velocidad de tu sitio web para determinar qué eliminar. Te ayudará a identificar cualquier activo superfluo.
Para deshacerte de los scripts y estilos que no necesitás, utilizá wp_dequeue_script y wp_dequeue_style. Asset CleanUp: Page Speed Booster se encuentra entre los plugins que facilitan lograr el mismo objetivo.
Captura de pantalla tomada en el sitio web oficial de WordPress
Recurrí al almacenamiento en caché
El almacenamiento en caché es el almacenamiento temporal de recursos de una solicitud para que las solicitudes futuras puedan procesarse rápidamente. Tanto el servidor como el dispositivo del usuario son capaces de mantener la caché.
Cuando un usuario realiza una solicitud para un sitio web, el servidor DNS obtiene la página web del servidor de hosting, y la aplicación en el servidor web ejecuta scripts, busca en la base de datos y produce la página web, que luego es renderizada y mostrada al usuario por el navegador. El servidor se somete a una tremenda cantidad de tensión cuando miles de visitantes realizan varias solicitudes a la vez, lo que hace que la página se cargue lentamente.
El almacenamiento en caché entra en juego en esta situación. Reduce el esfuerzo necesario para producir una vista de página, disminuyendo la dependencia de WordPress de PHP y una base de datos. WordPress funciona casi tan rápido como las páginas web estáticas, si no exactamente.
El almacenamiento en caché del lado del servidor y el almacenamiento en caché del navegador son las dos categorías principales de almacenamiento en caché en línea, cada una con una variedad de subcategorías.
Limitá las revisiones
WooCommerce proporciona una verificación de revisión estándar en las páginas de productos que te permite retroceder y ver los cambios realizados en las páginas. Aunque las modificaciones pueden parecer ventajosas, a veces pueden causar problemas de rendimiento en WooCommerce.
Por ejemplo, supongamos que creás una página y la editás varias veces, agregando o eliminando un elemento cada vez. Tenés tantos duplicados de tu página original como cambios hiciste, aunque la alteración sea modesta. El rendimiento de WooCommerce puede sufrir en última instancia por esto y deteriorarse gradualmente.
Necesitás hacer ciertos ajustes en el archivo wp-config.php en la raíz del sitio web para restringir/deshabilitar las revisiones.
Limpiá la base de datos
Cada vez que un usuario ingresa a tu sitio web, solicita el contenido de tu sitio web, que es en gran parte estático. Sin embargo, realizan una solicitud dinámica cuando realizan un pedido.
Si la base de datos de tu tienda no está optimizada, lidiar con estas consultas puede llevar demasiado tiempo. Un tiempo de respuesta lento del servidor resulta en última instancia en un sitio web lento. Como resultado, debés eliminar la basura innecesaria para limpiar y optimizar la base de datos.
Hay varios enfoques para la optimización de la base de datos:
- Deshacete de las revisiones antiguas. Las páginas, artículos y productos de tu tienda de WooCommerce estarán cargados de modificaciones obsoletas si ha estado en línea durante un tiempo. Es hora de limpiarlos. El método más simple es usar plugins como WP-Sweep o WP Rocket.
- Eliminá los transitorios que expiran. Una caché temporal defectuosa produce ocasionalmente más de un millón de entradas inútiles sin un final aparente a la vista. Con el tiempo, las sesiones de los clientes pueden acumularse, agregando miles de entradas adicionales a las tablas de tu base de datos. Una base de datos sobrecargada puede hacer que tu sitio web se caiga en tales circunstancias. Todos los transitorios expirados se pueden eliminar fácilmente con el plugin gratuito Delete Expired Transients.
Captura de pantalla tomada en el sitio web oficial de WordPress
- Limpiá las tablas de tu base de datos. Todo lo necesario para operar tu negocio de comercio electrónico se guarda en tu base de datos de WooCommerce. Tu base de datos se vuelve ineficiente y termina guardando una gran cantidad de datos sin importancia cuando se agregan y mueven datos por las tablas. Limpiar las tablas de tu base de datos es vital para eliminar esta información adicional.
- Desactivá las funciones que no son críticas pero que sobrecargan la base de datos. Los temas y plugins para WooCommerce tienen muchas funciones inteligentes que inicialmente parecen geniales pero que terminan destruyendo la base de datos. Uno de los ejemplos son los plugins de compresión de imágenes, que comprimen imágenes en el mismo servidor que aloja el sitio web. También se deben evitar los plugins que agregan contadores a tu sitio web, como vistas, comentarios, etc.
Realizá una optimización para móviles
Según Oberlo, el 60% de los compradores dicen que la opción de comprar a través del móvil es un criterio importante en la selección de la marca. Por lo tanto, la optimización para móviles es absolutamente vital.
Usar un tema responsivo es el enfoque más simple para adaptar tu sitio web de WordPress para dispositivos móviles. Mantené las páginas de tu tienda lo más simples posible porque a los clientes móviles no les gusta desplazarse sin fin. No los abrumes con información.
Si tu negocio tiene muchos artículos exhibidos, hacé que sea más fácil para los clientes móviles buscarlos proporcionando filtros de productos en vivo. Considerá instalar el plugin WooCommerce Product Search.
Usá la herramienta Lighthouse de Chrome o la herramienta de Prueba de optimización para móviles de Google para ver si tu sitio web cumple con las pautas de usabilidad móvil requeridas.
Minimizá las redirecciones
El servidor registra cada clic en un enlace a una página de tu tienda como una redirección. En esencia, el servidor debe dirigir a los usuarios a la página correcta. Aunque solo toma unos segundos, los clientes pueden percibirlo como mucho tiempo, lo que afecta directamente la tasa de rebote de tu tienda.
Si tu sitio web tiene muchas redirecciones, estás utilizando recursos del servidor y extendiendo el tiempo que se tarda en llegar a la página final. Como resultado, reducir la redirección resultará en un aumento notable en el tiempo de carga de la página, ya que es un enfoque de optimización de WooCommerce probado y verdadero.
Actualizá tu versión de PHP y aumentá el límite de memoria
Cada actualización de PHP es más rápida que las versiones anteriores. Tu host determina la versión de PHP que usás, y a menudo podés cambiarla en tu panel de control de hosting. Sin embargo, el procedimiento específico puede variar según tu proveedor. Alternativamente, podés simplemente pedirle al servicio de atención al cliente que lo haga por vos. Antes de actualizar tu versión de PHP, creá una copia de seguridad completa del sitio web y luego probá todo para asegurarte de que funcione correctamente.
Tu empresa de hosting ha asignado una cantidad particular de memoria a tu sitio web. Sin embargo, podrías superar ese límite según tu sitio en particular. Siempre podés contactar a tu empresa de hosting si tu panel de control de hosting no te permite cambiar el límite. PHP recibe una asignación de memoria de 32 MB de WordPress por defecto. Intentará automáticamente aumentar este límite a 40 MB o 64 MB si encuentra algún problema. Este límite a menudo no será suficiente para un sitio de WooCommerce. Se recomienda aumentar este límite a 256 MB.
Palabras finales
Con los métodos proporcionados anteriormente, podés mejorar drásticamente la velocidad de tu tienda de WooCommerce, cubriendo desde ajustes básicos de configuración hasta soluciones avanzadas del lado del servidor. Estas técnicas están ahí para mejorar la velocidad de tu sitio web y deben formar parte de una estrategia continua no solo para mejorar, sino también para mantener el rendimiento del sitio.
En última instancia, la optimización de la velocidad no es una tarea única, sino un compromiso continuo. Monitorear regularmente la velocidad de tu sitio web utilizando las diversas herramientas y métodos discutidos puede proporcionar información valiosa sobre qué tan bien están funcionando tus esfuerzos de optimización de WooCommerce.
