¡Una tienda WooCommerce debe ser rápida! Aquí está cómo conseguir eCommerce de alta velocidad
Velocidad del sitio WooCommerce - ¡necesitas saberlo!
- Las tiendas WooCommerce necesitan cargar muy rápido tanto en móviles como en ordenadores de sobremesa para ganar dinero y escalar.
- Los sitios de comercio electrónico que se cargan rápidamente tienen más conversiones, menos abandonos de carritos, mejor SEO y SEPR, y mantener a los compradores interesados durante más tiempo.
- Su sitio debería cargarse en dos segundos.
- Si tu tienda WooCommerce va lenta, puede deberse a muchas causas, entre ellas problemas de alojamiento o codificación incorrecta.
- Añadir regular pruebas de velocidad del sitio a su proceso empresarial.
- Analizar las pruebas de velocidad y aplique soluciones en cuanto detecte problemas en su tienda de comercio electrónico.
La velocidad del sitio equivale a conversiones
La velocidad del sitio web es el factor más importante detrás del éxito de un negocio de comercio electrónico. Puedes salir adelante con un diseño y una marca mediocres, pero no con una velocidad promedio (ni con imágenes de producto regulares, por cierto).
En este artículo exploraremos:
- Velocidad de la página vs. tiempo de carga de la página
- Cómo una tienda lenta le está costando dinero
- ¿Qué tan lento es lento?
- Cuál es la velocidad óptima para una tienda WooCommerce
- Las razones de la necesidad de velocidad
- Por qué tu tienda de comercio electrónico puede ir lenta
- Cómo acelerar una tienda WooCommerce lenta
Una tienda rápida empieza por los conocimientos técnicos
Tener una tienda rápida requiere sólidos conocimientos técnicos para implementar y mantener un excelente tiempo de carga de la página. La carga de la página es el tiempo que tardan en descargarse las páginas web y/o los contenidos multimedia desde los servidores de alojamiento del sitio web hasta el navegador del posible cliente.
Puede obtener más información sobre los factores que influyen en el tiempo de carga de las páginas en esta entrada del blog de Saucal sobre escalado WooCommerce. Vaya a la sección Factores que influyen en los tiempos de carga de las páginas para comprender qué hay detrás de la carga de las páginas y hasta qué punto es un proceso técnico. Este contenido subraya realmente la importancia de tener un backend fuerte para el rendimiento y la velocidad de WooCommerce.
Su tienda lenta le está costando dinero en ventas perdidas
Hay cuatro razones importantes que explican la necesidad de velocidad:
- Expectativas de los consumidores: Los compradores esperan que los sitios web se carguen rápidamente, tanto en ordenadores como en móviles. Tienes que ser rápido para cumplir estas expectativas y tener una ventaja competitiva.
- Los clientes sólo se quedarán si las páginas se cargan rápidamente: Los visitantes permanecerán en su sitio y navegarán más si su tienda es rápida. Por supuesto, lo contrario es cierto. No esperarán si la información del producto o las imágenes tardan en cargarse.
- Más ventas: Cuando un comprador tiene una buena experiencia en una tienda y pasa de una página a otra sin problemas, la experiencia es agradable y es probable que compre más en su tienda.
- Mejor posicionamiento en los motores de búsqueda: Los motores de búsqueda favorecen a las tiendas rápidas y las recompensan con clasificaciones más altas. Si quieres llegar a la primera página de Google, haz de la velocidad tu principal objetivo.
En resumen tu tienda WooCommerce tiene que ser rápida, ¡hiperrápida! Una tienda online que tarda en cargar está perdiendo oportunidades de venta. Y si tu tienda WooCommerce lenta no se arregla rápidamente, entonces estás literalmente matando tu negocio.
¿Hasta qué punto es lento?
Si la velocidad de carga de su página es superior a unos segundos, tiene problemas. Un retardo de 100 milisegundos (0,1 segundos) en el tiempo de carga del sitio web puede perjudicar las tasas de conversión hasta en un siete por cientosegún una encuesta de Akamai.
La misma encuesta reveló que un Un retraso de dos segundos en el tiempo de carga de una página aumenta el porcentaje de rebote en un 103%.
Milliseconds Make Millions, el informe de Deloitte sobre la velocidad, titulado de manera acertada, resume la necesidad de velocidad ultrarrápida de esta manera: “Para mantenerse a la vanguardia, las marcas deben hacer de la velocidad del sitio una prioridad en toda la organización. Deben adoptar una mentalidad de móvil primero; introduciendo los procesos adecuados y asignando recursos para monitorear y optimizar constantemente la velocidad de su sitio.”
¿Cuál es la velocidad óptima para mi tienda WooCommerce?
Hubspot dice que un tiempo de carga de la página de cero a cuatro segundos es bueno para los índices de conversión, y que los cinco primeros segundos del tiempo de carga de la página son los que más repercuten en los índices de conversión.
Sin embargo, para el comercio electrónico, el tiempo de carga de la página debe ser más rápido. Investigación realizada por Portent revela los mayores índices de conversión en comercio electrónico se dan en páginas con tiempos de carga de entre cero y dos segundos. Con cada segundo adicional de tiempo de carga, las tasas de conversión de WooCommerce caen una media del 4,42%, según el estudio.
Las razones de la necesidad de velocidad
La rapidez fideliza a los clientes y éstos compran
Google publica regularmente contenido sobre la necesidad vital de tener una tienda de comercio electrónico rápida y cómo esto beneficiará directamente los resultados de tu negocio. Esta encuesta se centra en tiendas de comercio electrónico móviles, pero sus mensajes también se aplican a los sitios de escritorio. Los puntos importantes para las marcas de comercio electrónico son:
- Una tienda WooCommerce más rápida significa que más clientes llegarán a la caja. La velocidad facilita el progreso en el proceso de compra, desde la página de inicio o de aterrizaje hasta el pago.
- La velocidad del sitio aumenta las probabilidades de que los clientes permanezcan en su tienda de comercio electrónico. y adquirir productos o servicios. La reducción del tiempo de carga del sitio para móviles en una décima de segundo se tradujo en un aumento significativo del rendimiento.
- Para la venta al por menor, La velocidad hizo que las tasas de conversión aumentaran un 8,4% y que el valor medio de los pedidos creciera un 9,2%. Los sitios de comercio electrónico de lujo experimentaron un aumento del 8% en páginas vistas por sesión. En cuanto al comercio electrónico de viajes, la tasa de conversión aumentó un 10,1%. Estas cifras hablan por sí solas.
La encuesta señala que una de cada cinco tiendas online de lujo y de venta al por menor experimentó una mejora de la tasa de rebote de la página de inicio del 0,6% y del 0,2%, respectivamente, con un sitio más rápido.
Un sitio rápido mejora experiencia del usuario
Experiencia de usuario (UX) se define como la experiencia que tiene un usuario con un sitio web. Los clientes quieren encontrar lo que buscan de forma rápida y sencilla. Quieren imágenes claras y detalladas de los productos que muestren diferentes ángulos, una lista de favoritos y un proceso de compra fácil y sin complicaciones. Y todo ello con rapidez. Las páginas con imágenes deben cargarse rápidamente, y el cliente debe poder pasar de su lista de favoritos a los productos o a la página de pago. página de pago superrápida.
He aquí un ejemplo. Si un comprador busca una sudadera con capucha de algodón amarillo azafrán y en los resultados de la búsqueda aparece una imagen o un enlace a su sudadera con capucha amarilla, el usuario esperará que la página se cargue rápidamente. Si no es así, pulsará el botón del vínculo de retroceso e irá al siguiente sitio web que ofrezca una sudadera con capucha amarilla. Lo mismo ocurre con los enlaces a tus productos en las redes sociales.
Si la página de su tienda con esa sudadera de algodón amarillo azafrán recomienda productos a juego, el cliente anticipa que esos productos también se cargarán rápidamente. Puede que los guarde en su lista de favoritos, y esto también tiene que ser rápido.
Además de la velocidad, asegúrese de dar prioridad a un buen diseño y aplique un enfoque centrado en el ser humano. Los desarrolladores y diseñadores se centran en resolver los puntos débiles que los compradores experimentan en cualquier punto de su recorrido por una tienda. A la hora de elegir un desarrollador, es esencial hablar con él sobre su enfoque de una navegación clara y fluida.
La velocidad del sitio mejora la optimización para motores de búsqueda (SEO)
Un sitio web más rápido significa que su tienda en línea se clasificará mejor en los resultados de las páginas de los motores de búsqueda. Así es como funciona. La mayoría de los profesionales de SEO y desarrolladores web aceptan que El algoritmo de Google tiene en cuenta el tiempo de carga como factor de clasificación. El gigante tecnológico reveló por primera vez en 2010 que la velocidad de la página era un factor vital.
En 2022, la rapidez de carga es un factor importante tanto en los sitios para móviles como en los de escritorio. Google quiere que los usuarios web tengan la mejor experiencia posible. Así que si los visitantes rebotan, en opinión de Google, su sitio es demasiado lento o no ofrece a los compradores lo que quieren. ¿Cuál es el resultado? Google clasificará su tienda en una posición inferior. Sin embargo, si su tiempo de carga es rápido, probablemente aumentará sus tasas de conversión y disminuirá su tasa de rebote, y serás recompensado con una mejor clasificación.
La capacidad de atención es cada vez menor
Por último, otro factor en evolución sigue influyendo en el comercio electrónico. La capacidad de atención es cada vez menor casi todos los años. En 2022 la capacidad de atención humana media es de sólo ocho segundos. Tu negocio WooCommerce necesita tener esto en cuenta tanto en su tecnología como en su marketing. Céntrate en ir al grano, la simplicidad, el compromiso y, lo has adivinado, la velocidad del rayo.
¿Por qué tu tienda WooCommerce es lenta?
La velocidad empieza por tener un proceso en marcha que monitorice regularmente la velocidad de tu sitio WooCommerce. No puedes resolver problemas de carga si no lo sabes:
- Si tu tienda WooCommerce es lenta.
- Cómo de lenta es tu tienda WooCommerce.
Necesita mide la velocidad de tu sitio WooCommerce regularmente. He aquí cómo.
Medir la velocidad de su sitio de comercio electrónico
En primer lugar, establece un proceso que te permita medir la velocidad de tu tienda WooCommerce con regularidad. Utiliza GTMetrix para una instantánea en ese momento, y Google Page Speed Insights para obtener datos acumulados de los 28 días anteriores aproximadamente. Si tu sitio va más lento de lo que podría, ambas herramientas te darán información sobre la causa y, en algunos casos, soluciones.
Repase metódicamente la información con su equipo interno de desarrollo web o tu equipo de consultoría WooCommerce y evaluar cada problema. A continuación, trabaje en el desarrollo de soluciones.
Qué hacer si su sitio de comercio electrónico va lento
En cuanto descubras que tu tienda WooCommerce va lenta, haz que tus desarrolladores o contrata Desarrolladores de WooCommerce empezar a buscar la causa. Razones que reducen la velocidad del sitio web son muchas y pueden incluir:
- Un proveedor de alojamiento lento
- Problemas con la base de datos
- No utilizar una red de distribución de contenidos (CDN)
- Sin caché
- No optimizar las imágenes
- Un plugin mal codificado
- Tener un tema con mucho código
- No seguir las mejores prácticas en el código personalizado.
Somos conscientes de que la lista es larga, y a veces llegar a la raíz del problema requiere conocimientos y paciencia. Si no dispones de un equipo interno de desarrollo web, o están demasiado ocupados, ahí es donde una empresa de confianza puede ayudarte. experto en WooCommerce como Saucal puede demostrar su valía.
Arreglar un sitio de comercio electrónico lento
Vamos a ver los problemas más comunes y a ofrecer opciones para solucionarlos.
Identificar y solucionar problemas de alojamiento
Su proveedor de alojamiento podría estar ralentizando su sitio web. Cuando comprobó la velocidad de su sitio en Google Page Speed Insights ¿qué problemas se pusieron de manifiesto? En concreto, ¿se ha reducido el tiempo de respuesta del servidor? El tiempo de respuesta del servidor es el periodo que transcurre desde la solicitud del navegador hasta la carga del primer byte de la página en la pantalla. Si has visto esto, puede que tu host no sea muy generoso con la cantidad de velocidad que te está dando. Esto puede ocurrir con alojamiento compartido barato y significa que, hagas lo que hagas, no podrás acelerar tu sitio de comercio electrónico.
Una tienda WooCommerce a escala necesita un alojamiento rápido y de calidad - configurado para su sitio y su volumen de tráfico. El plan de alojamiento que elijas tiene que adaptarse a los picos de tráfico, como las rebajas o el Black Friday. Así que si tienes un alojamiento lento y barato, hay dos opciones. Una, cambiar a un alojamiento compartido de calidad que proporcione a su empresa los recursos que necesita, o, dos, seleccionar alojamiento gestionado. Esto es más caro, pero los costes se compensan porque la empresa de alojamiento ofrece algo más que alojamiento. Se encargarán de la configuración, el hardware y el software, la seguridad y la gestión diaria del entorno de alojamiento para que se adapte perfectamente a sus necesidades.
Otro posible problema con el alojamiento es que podrías tener un host rápido, pero no el nivel adecuado de capacidad para visitas o espacio en disco. Si este es el caso, cambia a un plan con más capacidad.
Resolución de problemas con la base de datos del sitio web
La base de datos de un sitio web almacena la información a la que accede su tienda de comercio electrónico. Por ejemplo, las contraseñas y las direcciones de correo electrónico se almacenan en una base de datos. Cuanto más antiguo sea tu sitio web, más datos se almacenarán. Con el tiempo, el crecimiento de su base de datos será un lastre para la velocidad de su sitio hasta que la lentitud sea notable.
Si se enfrenta a este reto, realice una limpieza de la base de datos y deshágase de los datos antiguos. Ciertos plugins que pueden hacer parte del trabajo eliminando entradas duplicadas. Entre ellos se incluyen Barrido WP y Optimizar WP. Antes de realizar cualquier trabajo de este tipo, asegúrate de hacer una copia de seguridad de todo tu sitio.
¿Necesita una CDN?
Una CDN es un grupo de servidores distribuidos geográficamente que aceleran la entrega de contenidos web acercándolos al lugar donde se encuentran los usuarios. Si vende a nivel internacional o en un país grande y tiene varios servidores repartidos por todo el país (por ejemplo, Canadá o Estados Unidos), una CDN mejorará el rendimiento de su tienda de comercio electrónico.
Cuando decidas utilizar una CDN, piensa dónde están tus clientes potenciales, dónde están ubicados tus servidores y cuánto ancho de banda necesitas. Obviamente, tu presupuesto y el tamaño de tu tienda WooCommerce influirán en tu selección de una CDN.
Por qué el almacenamiento en caché puede hacer que tu tienda WooCommerce sea más rápida
Probablemente ya sepa lo que significan caché y almacenamiento en caché. Como su nombre indica, La memoria caché almacena páginas web para que, si un visitante vuelve a su sitio web, sus peticiones puedan servirse más rápidamente.
Para el almacenamiento en caché de objetos, preferimos trabajar con Redis, que es mucho más rápido que las alternativas. Para el almacenamiento en caché de página completa, Saucal recomienda usar Varnish Cache (que la mayoría de nuestros socios de hosting implementan por defecto). Se debe evitar el uso de plugins de caché, porque no son tan eficientes para hacer esto como una buena solución en el backend, es decir, a nivel de hosting. Si tu hosting no realiza el almacenamiento en caché de página completa a nivel de servidor, es posible que necesites cambiar de proveedor de hosting para poder escalar.
Optimice sus imágenes de alta calidad
Unas imágenes buenas y claras son esenciales para una tienda de comercio electrónico. Los compradores también quieren ver el producto completo desde distintos ángulos y con todo detalle. Sin embargo, Las imágenes de alta calidad son archivos de gran tamaño y consumen gran parte del tiempo de carga de su sitio. La solución es optimizar las imágenes. De hecho, comprime el tamaño del archivo sin perder calidad de imagen.
Sin embargo, antes de comenzar el proceso de optimización, asegúrese de que dispone de imágenes del tamaño adecuado para su tienda. Si utilizas un tema, consulta su documentación para determinar los tamaños de las imágenes. Variarán en función de la ubicación. Si tienes una imagen hero o un carrusel, serán más grandes que las imágenes de producto.
Una vez que sepas el tamaño de la imagen, puedes comprimirla antes de subirla con un programa de edición de imágenes. También puedes utilizar un plugin como Imagify para optimizar las imágenes.
¿Utilizas un tema con mucho código?
Su La velocidad de un sitio de comercio electrónico depende de cómo esté construida su tienda. Pero antes de entrar en la pregunta anterior, aquí hay dos consejos para los lectores que son nuevos en WooCommerce o en cambiar de tema. Cuando hayas reducido tus opciones de temas a unos pocos favoritos finales, echa un vistazo a las reseñas de esos temas. ¿Son muchos los usuarios que dicen que un tema es lento? Si es así, probablemente no sea una buena elección.
Consejo número dos: sabemos que es tentador querer un montón de características interesantes en tu tienda WooCommerce, pero éstas afectarán a la velocidad del sitio - especialmente si el tema no está bien codificado o bien diseñado en primer lugar. Tener montones de funciones, como animaciones, procesos de facturación complicados, deslizadores, música o incluso juegos, supondrá un freno para la velocidad de su sitio.
Las pruebas en GTmetrix o Google Page Speed Insights te permitirán saber si tu tema es el culpable. En tu prueba GTmetrix, verás información en el gráfico de cascada. En el campo de filtro, introduce temas para mostrar información sobre los archivos de tu tema. Podrás ver el tamaño de cada archivo cuando se carga una página. Muchos archivos grandes probablemente significa que se trata de un tema pesado.
Si las pruebas indican que el diseño de su tienda podría ser un problema, El cambio de temas o la codificación personalizada de algunos de los elementos resolverá algunos de los problemas. Tenga en cuenta que cambiar de tema es mucho trabajo y, si decide hacerlo, considere la posibilidad de probar los temas primero. Asegúrate de hacer una copia de seguridad antes de cambiar.
¿Quieres saber más sobre GTMetrix y la información que proporciona? Este artículo sobre cómo entender los gráficos en cascada te ayudará.
¿Código no utilizado o sobrecarga en su tienda de comercio electrónico?
Tanto si utilizas un tema como si personalizas tu tienda, probablemente hayas añadido código desde el lanzamiento. Y con WooCommerce, la regla general es cuanto más código tenga, más lento funcionará su sitio. La respuesta obvia es identificar el código no utilizado y eliminarlo. Ya que estás, desactivar o eliminar los plugins que ya no necesite.
A continuación, pida a sus desarrolladores que identifiquen los aspectos en los que la codificación podría ser más ligera y reescriban el código de esas áreas. Si no pueden hacerlo o están demasiado ocupados, subcontrate esta tarea a un equipo de desarrollo de WooCommerce con mucha experiencia.
Los plugins mal codificados ralentizarán su sitio web
No todos los plugins de WordPress son iguales. Algunos son magníficos, mientras que otros no cumplen ni siquiera con los estándares de WordPress o WooCommerce. Algunos desarrolladores dicen que demasiados plugins ralentizarán tu sitio, pero lo cierto es que un puñado de plugins ligeros es mejor que un solo plugin que utilice demasiados recursos.
Además, tenga en cuenta que su sitio web sólo se beneficiará si el plugin está instalado y configurado correctamente. Le sorprendería saber la cantidad de sitios web en los que trabaja Saucal que tienen plugins mal codificados o configurados.
Existen varios métodos para averiguar si un plugin está afectando a la velocidad de tu tienda. Una es desactivar todos los plugins y volver a activarlos de uno en uno hasta que identifiques cuál está causando el problema.
Monitor de consultas y Herramientas de desarrollo de Chrome son buenas herramientas. La primera revelará las consultas a la base de datos de un plugin, mientras que Chrome Dev Tools muestra cuánto CSS/JS añade el plugin.
Cuando encuentres plugins que consuman muchos recursos, puedes sustituirlos por alternativas ligeras o, posiblemente, desactivar algunas de sus funciones o módulos. La opción que elijas dependerá del plugin y de la capacidad de tu desarrollador web.
También es necesario un mantenimiento regular de los plugins. Actualiza tus plugins cuando haya una nueva versión disponible. Y actualiza tu sitio a la última versión de WordPress y PHP.
¡¿Nos hemos perdido algo?!
Estamos seguros de haber cubierto los principales problemas que afectan a la velocidad del sitio. Si se nos ha pasado algo por alto, dínoslo. Queremos saberlo. Y nos encantaría conocer cualquier solución que hayas descubierto.
Y siempre recuerde hacer una copia de seguridad de su sitio web antes de realizar tareas de mantenimiento.
Si usted necesita ayuda para identificar qué está impidiendo que su sitio WooCommerce alcance su máxima velocidad, póngase en contacto con Saucal. Estaremos encantados de estudiar sus problemas y proponerle soluciones.
