Las tiendas WooCommerce lentas pueden costarle dinero de diferentes maneras, desde el aumento del abandono del carrito hasta la pérdida de la lealtad de los clientes. De acuerdo a Rebotar, 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.
De acuerdo a Presagio, las tasas de conversión de 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, 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 su sitio web es superior a 2-3 segundos, este artículo es lo que necesita. Aquí encontrará varios consejos comprobados sobre cómo medir y mejorar el rendimiento del sitio web de comercio electrónico.
La velocidad del sitio web es un elemento crítico para el éxito de cualquier empresa en línea, incluidas las tiendas WooCommerce, por varias razones:
Los usuarios de Internet suelen tener poca capacidad de atención. Los tiempos de carga lentos pueden hacer que los visitantes abandonen su 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 permanecer más tiempo.
La velocidad de la página es uno de los factores de clasificación más importantes para Google. Métricas como Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS) son parte de los factores de clasificación de Google. Los sitios web más rápidos tienen más posibilidades de obtener una clasificación más alta 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.
Los sitios web optimizados y más rápidos generalmente consumen menos ancho de banda y pueden generar menores costos de alojamiento. Los sitios más rápidos también requieren menos tiempo y esfuerzo de mantenimiento.
Con un número cada vez mayor de usuarios que acceden a 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 dispositivos móviles y generar tasas de rebote más altas.
Los usuarios de diferentes regiones con diferentes velocidades de Internet pueden tener una experiencia consistente si su sitio web está optimizado para la velocidad. Los sitios web más rápidos son beneficiosos si apunta a una audiencia global y utiliza una red de entrega de contenido (CDN) para ofrecer contenido localizado.
Antes de comenzar el proceso de mejora, debe determinar dónde se encuentra ahora y conocer la velocidad actual de la tienda y qué problemas podrían ralentizar su sitio. Aquí hay algunos métodos y herramientas que puede utilizar para evaluar la velocidad de su sitio WooCommerce:
Estas herramientas prueban directamente el rendimiento de su sitio web cargándolo desde diferentes ubicaciones alrededor del mundo, simulando varios dispositivos y velocidades de conexión:
Estas soluciones, integradas en los navegadores modernos, permiten a los desarrolladores inspeccionar, depurar y crear perfiles de sitios web:
Estas herramientas pueden ayudar a identificar problemas del lado del servidor que podrían no ser evidentes con las herramientas de prueba de front-end:
Los complementos pueden ofrecer una manera conveniente y poderosa de monitorear varios aspectos del rendimiento de su tienda WooCommerce directamente desde su área de administración de WordPress. A continuación se muestran algunos enfoques populares basados en complementos:
Real User Monitoring (RUM) es un enfoque de monitoreo del desempeño 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éticos, que simulan el comportamiento del usuario, RUM recopila datos de las interacciones reales de los usuarios con su sitio.
Normalmente, agrega una pequeña porción de código JavaScript a su 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 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.
Ahora que conoce la velocidad de carga actual y los problemas que existen, puede crear una estrategia de optimización. Tenga en cuenta que probablemente necesitará arreglar varios aspectos del sitio web para lograr una gran velocidad en la tienda WooCommerce. Además, deberá controlar la velocidad de vez en cuando, ya que eventualmente puede disminuir. A continuación se ofrecen algunos consejos sobre cómo puede mejorar el rendimiento de su sitio:
Si bien la opción incorrecta puede resultar en clientes insatisfechos y pérdida de negocios, la alojamiento web ideal para WooCommerce El servicio puede garantizar un rendimiento impecable, tiempos de carga rápidos y un tiempo de actividad constante.
Cada tipo de alojamiento puede ofrecerse en una variedad de planes con distintos precios. Por lo tanto, mientras busca un proveedor de alojamiento dentro de su rango de precios, considere características como almacenamiento en caché del lado del servidor, ancho de banda y RAM adecuados para las demandas de su sitio, almacenamiento SSD de alto rendimiento y software actualizado, como PHP y MySQL.
Si tiene un plan de alojamiento compartido, significa que cientos de sitios web utilizan el mismo servidor y sus recursos. Seleccione un host que restrinja la cantidad de sitios web permitidos en cada servidor, o piense en actualizar a un VPS o un plan dedicado.
Primero cambie la URL de su página de inicio de sesión. La URL de inicio de sesión suele ser predeterminada y conocida por todos, incluidos los piratas informáticos, lo que hace que los sitios web sean susceptibles a ataques.
Puede evitar ataques de fuerza bruta de actores malintencionados cambiando su URL de inicio de sesión por algo distintivo. También puede usarlo para evitar problemas de HTTP que limitan la velocidad.
Si su sitio web de comercio electrónico también tiene un blog, restrinja la cantidad de entradas que aparecen en el feed de su blog. Si administra un blog popular, los ahorros de rendimiento se acumulan. Estos ajustes podrán realizarse en el Configuración de lectura del panel de WordPress.
Captura de pantalla tomada en el funcionario. WordPress sitio web
A continuación, desactive los pingbacks en su sitio web. Normalmente generan spam. WordPress también le brinda la posibilidad de dividir comentarios grandes de usuarios en porciones más pequeñas si tiene muchos comentarios de usuarios en sus artículos o páginas. Para reducir el tiempo que tarda en cargarse la página de su producto, mantenga este valor entre 10 y 20.
Hay una gran cantidad de complementos para WooCommerce que brindan una versatilidad ilimitada. Sin embargo, esto no implica que debas instalar cada uno.
Numerosos complementos aumentan la cantidad de archivos Javascript o CSS en su sitio web, lo que hace que su servidor reciba más solicitudes HTTP, lo que ralentiza las operaciones de su empresa. Además, tener más complementos significa utilizar más recursos del servidor, lo que ralentiza los tiempos de carga.
No importa cuántos complementos utilices; lo que importa es su calidad. Elija complementos que puedan realizar numerosas tareas, lea reseñas para conocer el rendimiento, confirme que se actualicen con frecuencia e instale opciones de fuentes confiables.
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 de la interfaz frecuentemente tiene prioridad sobre la velocidad de carga de la página.
Para optimizar el tiempo de carga, elija un Tema de WooCommerce es decir, ligero y de rendimiento optimizado. Asegúrese de que el tema responda y tenga un código base limpio.
Además, tenga en cuenta que muchos temas también le permiten desactivar elementos que no está utilizando. Para determinar si un tema se carga rápidamente, intente utilizar las herramientas de velocidad para probar las páginas de demostración o explorar las reseñas dejadas por los usuarios.
Es esencial reducir el tamaño de las imágenes antes de publicarlas en su 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 su sitio web, utilice software como Photoshop, GIMP o Figma.
El tamaño de los archivos de sus fotografías se puede reducir sin perder calidad por la compresión. Seleccione el formato apropiado; A menos que su imagen tenga un fondo translúcido, las imágenes JPEG, que son más pequeñas, suelen ser las mejores para cargar. Tenga en cuenta el tamaño: cargar una imagen de 2000 píxeles no cabe en un lugar que tiene sólo 500 píxeles de ancho. Comprima la imagen después de procesarla: los compresores de imágenes reducen el tamaño del archivo eliminando datos y metadatos superfluos.
Una característica 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, sus clientes no tendrán que esperar mientras se cargan sus medios para poder ver su contenido. Si su sitio web tiene muchas imágenes, esta estrategia puede reducir en gran medida los tiempos de carga de la tienda.
Puede instalar la carga diferida en su tienda WooCommerce utilizando complementos de WordPress. Los complementos acortan el tiempo que tarda su sitio web en abrirse inicialmente.
Una red de entrega de contenido (CDN) es una red de servidores ubicada estratégicamente en todo el mundo. Los puntos de presencia (PoP) son los nombres de estos sitios de servidores. El almacenamiento en caché y la entrega de recursos estáticos como imágenes, JavaScript, CSS, etc., es el deber principal de una CDN.
Incluso si su 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) disminuyen debido a la CDN, que acorta la distancia entre cada usuario y los recursos del sitio.
Elige automáticamente el CDN PoP más cercano para proporcionar los recursos almacenados 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, compatibilidad con HTTP/3, prevención de enlaces directos y mayor seguridad.
La mayoría de los complementos y temas de WordPress cargan scripts y hojas de estilo en cada página de su sitio web. Incluso cuando no son necesarios en la página, cargan estos elementos.
Al eliminar estos elementos innecesarios de los sitios web, puede disminuir la sobrecarga de la página y acelerar la carga de la página de WooCommerce, lo que puede ahorrarle tiempo al configurar nuevos sitios y asignar personal. WooCommerce es vulnerable a este problema, al igual que sus extensiones.
Mire el gráfico en cascada en el resultado de la prueba de velocidad de su sitio web para determinar qué eliminar. Le ayudará a identificar cualquier activo superfluo.
Para deshacerse de scripts y estilos que no necesita, utilice wp_dequeue_script y wp_dequeue_style. Asset CleanUp: Page Speed Booster se encuentra entre los complementos que simplifican el logro del mismo objetivo.
Captura de pantalla tomada en el funcionario. WordPress sitio web
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 almacenar el 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 se representa y se muestra al usuario. el navegador. El servidor se ve sometido a una enorme presió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. Disminuye el esfuerzo necesario para producir una página vista, 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 del almacenamiento en caché en línea, y cada una tiene una variedad de subcategorías.
WooCommerce proporciona una verificación de revisión estándar en las páginas de productos que le permite regresar y ver los cambios realizados en las páginas. Aunque las modificaciones pueden parecer ventajosas, a veces pueden causar problemas de rendimiento de WooCommerce.
A modo de ilustración, supongamos que crea una página y la edita varias veces, agregando o eliminando un elemento cada vez. Tiene tantos duplicados de su página original como cambios realizó, aunque la alteración sea modesta. El rendimiento de WooCommerce puede eventualmente verse afectado y deteriorarse gradualmente.
Debe realizar ciertos ajustes en el archivo wp-config.php en la raíz del sitio web para restringir/deshabilitar las revisiones.
Cada vez que un usuario ingresa a su sitio web, solicita el contenido de su sitio web, que es en gran medida estático. Sin embargo, realizan una solicitud dinámica cuando realizan un pedido.
Si la base de datos de su tienda no está optimizada, procesar 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 inútil para limpiar y optimizar la base de datos.
Existen varios enfoques para la optimización de bases de datos:
Captura de pantalla tomada en el funcionario. WordPress sitio web
De acuerdo a Oberlo, 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 marca. Por tanto, la optimización móvil es absolutamente vital.
Usar un tema responsivo es el enfoque más sencillo para adaptar su sitio web de WordPress a dispositivos móviles. Mantenga las páginas de su tienda lo más simples posible porque a los clientes móviles no les gusta desplazarse sin cesar. No los abrumes con información.
Si su empresa tiene muchos artículos mostrados, facilite a los clientes móviles su búsqueda proporcionando filtros de productos en vivo. Considere instalar el complemento de búsqueda de productos WooCommerce.
Utilice la herramienta Lighthouse de Chrome o la herramienta de prueba de optimización para dispositivos móviles de Google para ver si su sitio web cumple con las pautas requeridas de usabilidad móvil.
El servidor registra cada clic en un enlace a una página de su tienda como una redirección. En esencia, el servidor debe dirigir a los usuarios a la página adecuada. Aunque solo toma unos segundos, los clientes pueden percibirlo como mucho tiempo, afectando directamente la tasa de rebote de tu tienda.
Si su sitio web tiene muchas redirecciones, está utilizando los recursos del servidor y ampliando el tiempo necesario para llegar a la página final. Como resultado, reducir la redirección dará como resultado 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.
Cada actualización de PHP es más rápida que las versiones anteriores. Su proveedor de alojamiento determina la versión de PHP que utiliza y, a menudo, puede modificarla en su panel de control de alojamiento. Sin embargo, el procedimiento específico puede variar según su proveedor. Alternativamente, puede pedirle al servicio de atención al cliente que lo haga por usted. Antes de actualizar su versión de PHP, cree una copia de seguridad completa del sitio web y luego pruebe todo para asegurarse de que funcione correctamente.
Su empresa de alojamiento ha asignado una cantidad determinada de memoria a su sitio web. Sin embargo, puede superar ese límite según su sitio en particular. Siempre puedes contactar con tu empresa de hosting si tu panel de control de hosting no te permite modificar el límite. PHP recibe una asignación de memoria de 32 MB de WordPress de forma predeterminada. 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 WooCommerce. Se recomienda aumentar este límite a 256 MB.
Con los métodos proporcionados anteriormente, puede mejorar drásticamente la velocidad de su tienda WooCommerce, cubriendo toda la gama, desde ajustes de configuración básicos hasta soluciones avanzadas del lado del servidor. Estas técnicas están ahí para mejorar la velocidad de su sitio web y deben formar parte de una estrategia continua no sólo 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 periódicamente la velocidad de su sitio web utilizando las diversas herramientas y métodos discutidos puede proporcionar información valiosa sobre qué tan bien están funcionando sus esfuerzos de optimización de WooCommerce.
Spanish 
English 
French 
German 
Italian 
Danish 
Dutch 
Portuguese 
Czech 
Hindi 
Polish 
Spanish