Cómo mejorar la velocidad de carga del sitio para tu marca de comercio electrónico
Para respaldar sus esfuerzos de ingeniería y, lo que es más importante, el crecimiento de sus comerciantes, Shopify ha hecho un trabajo excepcional al crear un ecosistema de aplicaciones increíblemente útiles que se pueden añadir fácilmente a tu sitio de Shopify.
En el App Marketplace de Shopify, los comerciantes pueden acceder a miles de aplicaciones que les ayudan a hacer de todo, desde pruebas A/B de precios y crear ventanas emergentes de conversión, hasta incluso crear «carritos respetuosos con el clima».
A los comerciantes les encanta porque les permite añadir funcionalidades sin código a su sitio de forma rápida y bajo demanda.
A los desarrolladores les encanta porque les da una plataforma para mostrar sus aplicaciones y añade una fuente de ingresos adicional a su negocio.
Y a Shopify le encanta porque reduce el número de solicitudes de funciones que tienen que incorporar al producto principal y les da grandes ideas sobre qué hacer a continuación.
Así que todos ganan, ¿verdad?
No tan rápido.
Cómo mejorar la velocidad del sitio con las aplicaciones del Marketplace de Shopify
Acabas de desarrollar tu primera aplicación. ¡Enhorabuena! El siguiente paso lógico es crear una página en el App Marketplace y enviarla para que el equipo de Shopify la apruebe.
Al crear tu página del Marketplace, escribirás un texto sobre cómo tu aplicación ayuda a los comerciantes a aumentar las ventas, reducir los costes o a trabajar de forma más eficiente - todas estas son mejoras que los comerciantes necesitan urgentemente y que tu aplicación muy probablemente proporciona.
Hablar de las características y el valor probablemente resulte relativamente fácil. Sabías el valor que aportas e hiciste un estudio de mercado incluso antes de escribir una sola línea de código.
Probablemente hablaste con comerciantes que conoces sobre sus puntos débiles y creaste una oferta en torno a ellos. Sin embargo, hablar de los costes puede ser más difícil.
Técnicamente hablando, hay tres costes principales que pides a tus comerciantes (clientes) que asuman. Dos son bastante evidentes, pero hay un tercero oculto.
- Costes de suscripción: probablemente ofrezcas una prueba gratuita de unos 30 días. Después, es probable que se cobre a los clientes una cuota mensual. También es posible que tengas diferentes niveles de precios basados en el volumen, el uso o el conjunto de funciones. Con suerte, a medida que tu cliente crezca, también lo hará su valor para tu negocio.
- Costes de tiempo: la mayoría de las buenas aplicaciones ahorran un tiempo considerable en comparación con la siguiente mejor opción y ofrecen un valor sustancialmente mayor que la alternativa de no hacer nada y mantener el statu quo. Has creado tu aplicación para que sea fácil de configurar y has hecho un excelente trabajo de marketing con esa ventaja.
- Costes de recursos web: el oculto. Tu producto se incrustará en el sitio de tu cliente, añadiendo megabytes de recursos, bibliotecas y API que deben cargarse cada vez que un cliente entra en la tienda. Nos centraremos en este coste en este artículo.
Cómo mejorar la velocidad del sitio con las aplicaciones adecuadas
Volviendo a ti como comerciante, probablemente puedas identificarte con la experiencia de echar en falta una función en Shopify, ir al Marketplace, encontrar una aplicación que cubra esa función y que tenga una buena prueba social, e incorporarla a tu pila tecnológica.
Además, has mirado los precios y has calculado si el precio que cobran al mes merece la pena por el valor que añade a tu negocio.
Sin embargo, lo más probable es que no hayas pensado en el impacto que esta nueva aplicación tiene en el tamaño, la velocidad y la experiencia de usuario de tu sitio. Lo entiendo.
Los dos primeros puntos son un análisis fundamental de coste/riesgo-recompensa al que la mayoría de los empresarios están más que acostumbrados.
¿El tercer punto? Suena más a algo que le corresponde a un desarrollador o incluso a un profesional del marketing muy técnico.
Sin embargo, hay cosas que cualquier propietario de una tienda Shopify puede hacer hoy para mejorar su relación con las aplicaciones y conseguir una mayor velocidad, fiabilidad, puntuación SEO, tráfico y ventas.
También explicaremos la relación entre todo lo anterior y te daremos consejos sobre cómo mantener una tienda más rápida y optimizada para el SEO.
El efecto de la velocidad del sitio en el SEO
Por cada aplicación que añades a tu tienda, estás añadiendo bibliotecas, recursos, API y otros elementos que tienen que cargarse cada vez que un nuevo visitante entra en tu sitio.
Cuantos más elementos tengan que cargarse (y cuanto más pesados sean), más lento se cargará tu sitio web para tus clientes.
Cuanto más lento sea el tiempo de carga, peor será la experiencia del cliente. Más de la mitad de tus visitantes se irán sin siquiera navegar por tu página de inicio si tu tiempo de interactividad es superior a 10 segundos.
Para los motores de búsqueda, concretamente Google, la experiencia del cliente es uno de los principales factores que tienen en cuenta a la hora de priorizar qué resultados mostrar para una palabra clave específica.
Si enviaron tráfico a tu sitio web y la experiencia no fue buena (tiempos de carga largos, poco tiempo en el sitio, bajo número de páginas vistas, etc.), las posibilidades de que te envíen más tráfico se reducen significativamente.
En esa línea, Google lanzó recientemente Core Web Vitals, una colección de señales relacionadas con la velocidad, la capacidad de respuesta y la estabilidad, pidiendo a los propietarios de sitios que las optimicen.
También lanzaron una nueva versión de su Lighthouse herramienta de rendimiento de sitios web que permite a los propietarios de sitios web evaluar su rendimiento.
¿Qué tal te posicionas?
Mi amigo Darjan Hren, que es una de las personalidades más destacadas en el mundo de la optimización de la conversión para el comercio electrónico y dirige su propia consultoría de CRO (hren.io).
Recientemente publicó un informe sobre el rendimiento de 1000 de los principales sitios de comercio electrónico creados en Shopify, de acuerdo con los nuevos estándares de Lighthouse. ¿Los resultados? Nada buenos.
Una puntuación media de rendimiento de solo 27 es lamentable, sobre todo si tenemos en cuenta que estos sitios son algunas de las principales marcas de comercio electrónico de la web, que suelen contar con sus propios recursos internos de desarrollo, marketing y optimización de la conversión.
Muchos de ellos incluso utilizan Shopify Plus y tienen configuraciones de nivel empresarial, pero su rendimiento no lo refleja.
Aparte de las puntuaciones generales, hay dos cifras principales en las que centrarse:
- First contentful paint es un término elegante de desarrollador para el primer elemento visible cargado. Es el tiempo que transcurre entre que la persona hace clic en un enlace y ve el banner de tu página de inicio o tu barra de navegación. 3,8 segundos es lento. Para entonces, uno de cada seis clientes que tanto te ha costado (y posiblemente pagado) adquirir ya habrá rebotado.
Time to interactive es el tiempo que transcurre entre que el visitante llega a tu sitio y el sitio se carga por completo. Antes de eso, tus clientes no tendrán la experiencia que has diseñado para ellos. Un TTI de casi 19 segundos es igual de malo, si no peor.
Time to interactive es el tiempo que transcurre entre que el visitante llega a tu sitio y el sitio se carga por completo. Antes de eso, tus clientes no tendrán la experiencia que has diseñado para ellos. Un TTI de casi 19 segundos es igual de malo, si no peor.
Los tiempos de carga lentos no solo afectan a tu posicionamiento SEO. También reducen tus tasas de conversión, ya que tus compradores quieren una experiencia de compra fluida.
Esperar casi veinte segundos antes de cada página de producto, carrito o pago por la que pasan es increíblemente frustrante y les da más tiempo para pensárselo dos veces antes de comprar.
Al mismo tiempo, aumenta tus costes de adquisición de clientes, ya que Facebook también prefiere enviar tráfico a sitios que ofrecen un mejor rendimiento (puesto que el rendimiento se correlaciona muy bien con las tasas de conversión).
En definitiva, el SEO, las tasas de conversión y el CAC se influyen mutuamente, creando una espiral descendente que debes evitar a toda costa.
Cómo mejorar la velocidad del sitio ahora mismo
Ve a la sección de Aplicaciones en la columna de la izquierda de tu página de administración de Shopify y revisa la lista de aplicaciones con atención.
¿Cuáles no utilizas? ¿De cuáles puedes prescindir? ¿Cuáles se solapan entre sí? Elimínalas. Tu objetivo debe ser hacer todo lo que necesites, con el menor número de aplicaciones posible.
Además:
- La próxima vez que planees añadir una nueva aplicación a tu pila, añade los «costes de recursos» a tu matriz de coste/recompensa. Si hablas con un representante de ventas, pregúntale cómo afectará la adición de esta nueva aplicación a la velocidad de carga de tu sitio
- Crea recordatorios en el calendario cada 3/6 meses para realizar «auditorías de la pila tecnológica», en las que repases el proceso mencionado anteriormente de hacer un inventario de lo que hay en tu sitio y eliminar las herramientas que ya no sean necesarias
- Crea una política y un procedimiento para añadir nuevas aplicaciones a tu sitio y compártelo con tu equipo
Hay otros elementos que también debes tener en cuenta al optimizar la velocidad:
- Plantillas: no todas las plantillas son iguales. Algunas son extremadamente pesadas. Ten en cuenta el tamaño cuando migres a una nueva.
- Imágenes: posiblemente el principal culpable de la lentitud de carga de los sitios. Acostúmbrate a minimizar las imágenes de tu sitio. Hay compresores en línea que pueden reducir el tamaño de tus imágenes hasta en un 95 % manteniendo la mayor parte de la calidad.
En definitiva, más ligero suele ser mejor. La próxima vez que pienses en añadir esa nueva aplicación a tu sitio, piensa que no solo podría no aumentar tus ventas, sino reducirlas.
