Las tiendas de WooCommerce lentas pueden costarte dinero de varias maneras, desde el aumento del abandono de carritos hasta la pérdida de la 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 en línea. El problema aquí 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 del 4.42 % por cada segundo que una página tarda en cargarse entre los segundos 0 y 5, y las páginas con tiempos de carga entre 0 y 2 segundos 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 necesitas. Aquí encontrarás varios consejos probados sobre cómo medir y mejorar el rendimiento de un 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 empresa en línea, incluidas las tiendas de WooCommerce, por varias razones:
Experiencia del usuario:
Los usuarios de Internet suelen tener un corto período de atención. Los tiempos de carga lentos pueden hacer que los visitantes abandonen tu sitio web 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 permanecer más tiempo.
SEO y clasificación:
La velocidad de la página es uno de los factores de clasificación 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 clasificación de Google. Los sitios web más rápidos tienen más posibilidades de clasificarse más alto en los motores de búsqueda. Con el aumento 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 alojamiento 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 provocar 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 apuntas a una audiencia global y utilizas una Red de Entrega de Contenido (CDN) para servir contenido localizado.
¿Cómo evaluar la velocidad actual de la tienda?
Antes de comenzar el proceso de mejora, necesitas determinar dónde te encuentras ahora y averiguar la velocidad actual de la tienda y qué problemas podrían ralentizar tu sitio. Aquí hay algunos métodos y herramientas que puedes 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 desarrollo del navegador
Estas soluciones, integradas en los navegadores modernos, permiten a los desarrolladores inspeccionar, depurar y perfilar sitios web:
- Chrome DevTools: utiliza las pestañas Red y Rendimiento para analizar la velocidad del sitio.
- Herramientas para desarrolladores de Firefox: 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 una inmersión profunda en el rendimiento del servidor, ideal para detectar cuellos de botella en el backend.
- Análisis de registros: analiza 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. Aquí hay 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
El Monitoreo de Usuarios Reales (RUM) es un enfoque de monitoreo de rendimiento que captura y analiza cada transacción de 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, agregas 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 maneras de aumentar la velocidad de la tienda de WooCommerce
Ahora que conoces la velocidad de carga actual y los problemas que existen, puedes 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 disminuir con el tiempo. Aquí tienes algunos consejos sobre cómo puedes mejorar el rendimiento de tu sitio:
Encuentra un alojamiento confiable
Mientras que la opción incorrecta puede resultar en clientes insatisfechos y negocios perdidos, el alojamiento web ideal para WooCommerce puede garantizar un rendimiento impecable, tiempos de carga rápidos y un tiempo de actividad constante.
Cada tipo de alojamiento puede ofrecerse bajo una variedad de planes con diferentes puntos de precio. Por lo tanto, mientras buscas un proveedor de alojamiento dentro de tu rango de precios, considera 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 tienes un plan de alojamiento compartido, significa que cientos de sitios web utilizan el mismo servidor y sus recursos. Selecciona un host que restrinja el número de sitios web permitidos en cada servidor, o considera actualizar a un plan VPS o dedicado.
Optimizar la configuración de rendimiento
Primero, cambia 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 piratas informáticos, lo que hace que los sitios web sean susceptibles a ataques.
Puedes evitar los ataques de fuerza bruta de actores maliciosos cambiando tu URL de inicio de sesión a algo único. También puedes usarlo para evitar problemas de limitación de velocidad HTTP.
Si tu sitio web de comercio electrónico también tiene un blog, restringe la cantidad de entradas que aparecen en tu feed de blog. Si administras un blog popular, los ahorros de rendimiento se acumulan. Estos ajustes se pueden realizar en la configuración de Lectura del Panel de WordPress.
Captura de pantalla tomada en el sitio web oficial de WordPress
A continuación, desactiva 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 tienes muchos comentarios de usuarios en tus artículos o páginas. Para reducir el tiempo que tarda en cargarse tu página de producto, mantén este valor entre 10 y 20.
Reconsidera 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. Elige plugins que puedan realizar numerosas tareas, lee reseñas para conocer el rendimiento, confirma que se actualizan con frecuencia e instala opciones de fuentes confiables.
Obtén un tema de comercio electrónico rápido
Muy a menudo, 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 con frecuencia tiene prioridad sobre la velocidad de carga de la página.
Para optimizar el tiempo de carga, elige un tema de WooCommerce que sea ligero y optimizado para el rendimiento. Asegúrate 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 utilizando. Para determinar si un tema se carga rápidamente, intenta usar las herramientas de velocidad para probar las páginas de demostración o navega por las reseñas dejadas por los usuarios.
Comprimir imágenes
Es esencial reducir el tamaño de tus imágenes antes de publicarlas en tu sitio web, ya que el uso de 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, utiliza software como Photoshop, GIMP o Figma.
Los tamaños de archivo de tus fotografías se pueden reducir sin perder calidad mediante la compresión. Selecciona 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 solo tiene 500 píxeles de ancho. Comprime la imagen después de procesarla: los compresores de imágenes reducen el tamaño del archivo eliminando cualquier dato y metadatos extraños.
Implementar la carga diferida
Una característica conocida como carga diferida (lazy loading) evita que las imágenes se carguen hasta que un visitante del sitio se desplaza hacia abajo hasta donde aparecen en la página. Como resultado, tus clientes no tendrán que esperar mientras se cargan tus medios para 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.
Puedes instalar la carga diferida en tu tienda de WooCommerce utilizando plugins de WordPress. Los plugins acortan el tiempo que tarda tu sitio web en abrirse inicialmente.
Entregar recursos estáticos a través de CDN
Una red de entrega de contenido (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. El almacenamiento en caché y la entrega de recursos estáticos como imágenes, JavaScript, CSS, etc., es la principal función de una CDN.
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 para HTTP/3, prevención de hotlinking y mayor seguridad.
Eliminar 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.
Al eliminar estos elementos innecesarios de los sitios web, puedes reducir el peso 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.
Mira 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 necesitas, utiliza 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
Recurrir 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 alojamiento, 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 enorme 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.
Limitar 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 creas una página y la editas varias veces, agregando o eliminando un elemento cada vez. Tienes 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.
Necesitas hacer ciertos ajustes en el archivo wp-config.php en la raíz del sitio web para limitar/deshabilitar las revisiones.
Limpiar 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 finalmente resulta en un sitio web lento. Como resultado, debes eliminar la basura innecesaria para limpiar y optimizar la base de datos.
Hay varios enfoques para la optimización de la base de datos:
- Deshazte 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.
- Elimina los transitorios que expiran. Una caché temporal defectuosa ocasionalmente produce 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 inflada 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
- Limpia 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 muchos 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.
- Desactiva las funciones que no son críticas pero que sobrecargan la base de datos. Los temas y plugins para WooCommerce tienen muchas características 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 las 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.
Realizar optimización móvil
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 móvil es absolutamente vital.
Usar un tema responsivo es el enfoque más simple para adaptar tu sitio web de WordPress para dispositivos móviles. Mantén 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, facilita la búsqueda para los clientes móviles proporcionando filtros de productos en vivo. Considera instalar el plugin WooCommerce Product Search.
Usa la herramienta Lighthouse de Chrome o la herramienta de prueba de compatibilidad con dispositivos móviles de Google para ver si tu sitio web cumple con las pautas de usabilidad móvil requeridas.
Minimizar 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 las redirecciones 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.
Actualiza tu versión de PHP y aumenta 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 usas, y a menudo puedes cambiarla en tu panel de control de alojamiento. Sin embargo, el procedimiento específico puede variar según tu proveedor. Alternativamente, puedes simplemente pedirle al servicio de atención al cliente que lo haga por ti. Antes de actualizar tu versión de PHP, crea una copia de seguridad completa del sitio web, luego prueba todo para asegurarte de que funcione correctamente.
Tu empresa de alojamiento 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 puedes contactar a tu empresa de alojamiento si tu panel de control de alojamiento no te permite cambiar el límite. WordPress asigna a PHP una asignación de memoria de 32 MB 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.
Palabra final
Con los métodos proporcionados anteriormente, puedes 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 de una sola vez, 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.
