Las tiendas WooCommerce lentas pueden costarte dinero de varias maneras, desde el aumento del abandono del carrito hasta la pérdida de la lealtad del cliente. Según Unbounce, casi el 70 % de los consumidores afirma que la velocidad de la página influye en su deseo de comprar en una tienda online. El problema 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 una media del 4,42 % por cada segundo que tarda en cargarse una página entre los segundos 0 y 5, y las páginas con tiempos de carga de 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 supera los 2-3 segundos, este artículo es lo que necesitas. Aquí encontrarás varios consejos probados para 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 online, incluidas las tiendas WooCommerce, por varias razones:
Experiencia de usuario:
Los usuarios de Internet suelen tener poca capacidad de atención. Los tiempos de carga lentos pueden hacer que los visitantes abandonen tu sitio web antes incluso 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 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 costes:
Los sitios web optimizados y más rápidos suelen consumir menos ancho de banda y pueden suponer menores costes de alojamiento. Los sitios más rápidos también requieren menos tiempo y esfuerzo de mantenimiento.
Usuarios móviles:
Con un número cada vez mayor de usuarios que acceden a los sitios a través de dispositivos móviles, donde la velocidad de conexión puede ser más lenta, la optimización de la velocidad 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 mayores tasas de rebote.
Alcance global:
Los usuarios de diferentes regiones con distintas 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 te diriges a una audiencia global y utilizas una Red de Distribución de Contenidos (CDN) para servir contenido localizado.
¿Cómo evaluar la velocidad actual de la tienda?
Antes de iniciar el proceso de mejora, debes determinar dónde te encuentras ahora y averiguar la velocidad actual de la tienda y qué problemas podrían ralentizar tu sitio. A continuación, se indican algunos métodos y herramientas que puedes utilizar para evaluar la velocidad de tu sitio WooCommerce:
Herramientas de prueba directa
Estas herramientas prueban directamente el rendimiento de tu sitio web cargándolo desde diferentes lugares del mundo, simulando varios dispositivos y velocidades de conexión:
- Google PageSpeed Insights: Proporciona información sobre la velocidad tanto en móviles como en ordenadores de sobremesa. 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 mucho más.
Herramientas para desarrolladores 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.
- 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 una inmersión profunda en el rendimiento del servidor, ideal para detectar cuellos de botella en el back-end.
- Análisis de registros: Analiza los registros del servidor para detectar problemas.
Comprobaciones basadas en plugins
Los plugins pueden ofrecer una forma cómoda y potente de supervisar diversos aspectos del rendimiento de tu tienda WooCommerce directamente desde el área de administración de WordPress. A continuación, se indican algunos enfoques populares basados en plugins:
- Query Monitor: Un plugin de WordPress para comprobar qué consultas están ralentizando tu sitio web.
- WP Debugging: Habilita las funciones de depuración de WordPress para comprobar si hay problemas.
Monitorización de usuarios reales
La Monitorización de Usuarios Reales (RUM, por sus siglas en inglés) es un enfoque de monitorización del 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 monitorización sintética, que simulan el comportamiento del usuario, la RUM recopila datos de las interacciones reales de los usuarios con tu sitio.
Normalmente, se añade 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 la implementación pueden variar. Entre las herramientas útiles para la RUM se encuentran New Relic Browser, Boomerang, Akamai mPulse y otras.
14 formas de aumentar la velocidad de tu tienda WooCommerce
Ahora que conoces la velocidad de carga actual y los problemas que existen, puedes crear 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 WooCommerce. Además, tendrás que supervisar la velocidad de vez en cuando, ya que puede que con el tiempo se ralentice. A continuación, te damos algunos consejos sobre cómo puedes mejorar el rendimiento de tu sitio:
Encuentra un alojamiento fiable
Mientras que la opción incorrecta puede dar lugar a clientes insatisfechos y a la pérdida de negocio, 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 precios. Por lo tanto, al buscar 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 una 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 la posibilidad de actualizar a un plan VPS o dedicado.
Optimiza los ajustes de rendimiento
En primer lugar, 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 hackers, lo que hace que los sitios web sean susceptibles a los ataques.
Puedes evitar los ataques de fuerza bruta de los actores maliciosos cambiando tu URL de inicio de sesión por algo único. También puedes utilizarlo 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 el feed de tu blog. Si gestionas un blog popular, el ahorro de rendimiento se acumula. Estos ajustes se pueden realizar en los ajustes de Lectura del Panel de control de WordPress.
Captura de pantalla tomada en el sitio web oficial de WordPress
A continuación, desactiva los pingbacks en tu sitio web. Normalmente, producen spam. WordPress también te ofrece 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 la página de tu 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 instalarlos todos.
Numerosos plugins aumentan la cantidad de archivos Javascript o CSS en tu sitio web, lo que hace que tu servidor reciba más peticiones HTTP, ralentizando las operaciones de tu empresa. Además, tener más plugins significa utilizar 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 las reseñas para conocer su rendimiento, confirma que se actualizan con frecuencia e instala opciones de fuentes fiables.
Consigue 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 tener en cuenta la rapidez con la que se cargan las páginas. Como resultado, la apariencia del frontend suele tener 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 esté optimizado para el rendimiento. Asegúrate de que el tema sea adaptable y tenga un código base limpio.
Además, ten en cuenta que muchos temas también te permiten desactivar los elementos que no estás utilizando. Para determinar si un tema se carga rápidamente, prueba a utilizar las herramientas de velocidad para probar las páginas de demostración o consulta las reseñas dejadas por los usuarios.
Comprime las 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 adecuado para tu sitio web, utiliza software como Photoshop, GIMP o Figma.
El tamaño de los archivos de tus fotografías se puede reducir sin perder calidad mediante la compresión. Selecciona el formato adecuado; 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 de solo 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 metadato extraños.
Implementa la carga diferida (lazy loading)
Una función conocida como carga diferida 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 WooCommerce utilizando plugins de WordPress. Los plugins acortan el tiempo que tarda tu sitio web en abrirse inicialmente.
Entrega recursos estáticos a través de una CDN
Una red de distribución 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. 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 la CDN más cercano para entregar los recursos almacenados en caché en función del 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, compatibilidad con HTTP/3, prevención de hotlinking y mayor seguridad.
Elimina 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, siguen cargando estos elementos.
Al eliminar estos elementos innecesarios de los sitios web, puedes reducir el tamaño de la página y acelerar la carga de la página de WooCommerce, lo que puede ahorrarte tiempo en la configuración de nuevos sitios y en la asignación de 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 es uno de los plugins que facilita la consecución del mismo objetivo.
Captura de pantalla tomada en el sitio web oficial de WordPress
Recurre 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 de 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 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.
Limita las revisiones
WooCommerce proporciona una comprobación de revisión estándar en las páginas de productos que te permite volver atrás 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, añadiendo o eliminando un elemento cada vez. Tienes tantos duplicados de tu página original como cambios hayas hecho, 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/desactivar las revisiones.
Limpia la base de datos
Cada vez que un usuario entra en 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 hacen un pedido.
Si la base de datos de tu tienda no está optimizada, gestionar estas consultas puede llevar demasiado tiempo. Un tiempo de respuesta lento del servidor se traduce en última instancia 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 WooCommerce estarán cargados de modificaciones obsoletas si ha estado online durante un tiempo. Es hora de limpiarlas. El método más sencillo es utilizar plugins como WP-Sweep o WP Rocket.
- Elimina los transitorios que caducan. 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, añadiendo miles de entradas adicionales a las tablas de tu base de datos. Una base de datos hinchada puede hacer que tu sitio web se caiga en tales circunstancias. Todos los transitorios caducados 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 acaba guardando una gran cantidad de datos sin importancia cuando se añaden datos y se mueven por las tablas. Limpiar las tablas de tu base de datos es vital para eliminar esta información extra.
- Desactiva 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 al principio parecen geniales pero que acaban 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 añaden contadores a tu sitio web, como vistas, comentarios, etc.
Realiza la optimización para móviles
Según Oberlo, el 60 % de los compradores afirma 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.
Utilizar un tema adaptable es el enfoque más sencillo para adaptar tu sitio web de WordPress a los dispositivos móviles. Mantén las páginas de tu tienda lo más sencillas posible, ya que a los clientes móviles no les gusta desplazarse sin fin. No los abrumes con información.
Si tu negocio tiene muchos artículos expuestos, facilita la búsqueda a los clientes móviles proporcionando filtros de productos en vivo. Considera la posibilidad de instalar el plugin WooCommerce Product Search.
Utiliza la herramienta Lighthouse de Chrome o la herramienta de prueba de compatibilidad con móviles de Google para ver si tu sitio web cumple las directrices de usabilidad móvil requeridas.
Minimiza 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 tarda unos segundos, los clientes pueden percibirlo como mucho tiempo, lo que afecta directamente a la tasa de rebote de tu tienda.
Si tu sitio web tiene muchas redirecciones, estás consumiendo recursos del servidor y alargando el tiempo que se tarda en llegar a la página final. Como resultado, reducir las redirecciones dará lugar a un aumento notable en el tiempo de carga de la página, ya que es un enfoque de optimización de WooCommerce probado y comprobado.
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 utilizas, y normalmente puedes modificarla en el panel de control de tu alojamiento. Sin embargo, el procedimiento específico puede variar según tu proveedor. Alternativamente, puedes simplemente pedir 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 y luego prueba todo para asegurarte de que funciona correctamente.
Tu empresa de alojamiento ha asignado una cantidad específica de memoria a tu sitio web. Sin embargo, podrías superar ese límite en función de tu sitio en particular. Siempre puedes ponerte en contacto con tu empresa de alojamiento si tu panel de control de alojamiento no te permite modificar 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.
Conclusión
Con los métodos proporcionados anteriormente, puedes mejorar drásticamente la velocidad de tu tienda WooCommerce, cubriendo toda la gama, 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 deberían 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. Supervisar 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.
