Optimización de la velocidad del sitio Shopify: 6 consejos para mejorar tu sitio

Hava Salsi

may 28, 202411 min de lectura
impulsar sitio web shopify
Compartir

TABLA DE CONTENIDOS

Para hacer nuestro contenido accesible a más usuarios, hemos traducido este artículo del inglés al español mediante traducción automática. Haz clic aquí para leer el artículo original. Si detectas algún problema en el contenido, no dudes en escribirnos a report-osteam@semrush.com.

La velocidad de tu sitio en Shopify afecta directamente a la forma en que los visitantes interactúan con tu tienda online. Y puede influir en la probabilidad de que se conviertan en clientes. 

En este artículo, aprenderás seis consejos sencillos para mejorar la velocidad de tu sitio web y qué herramientas puedes utilizar para medirla.

Pero primero, veamos cómo afecta a tu negocio la lentitud del sitio web.

¿Cómo afecta la lentitud a tu sitio Shopify? 

Un sitio web Shopify lento es malo por dos razones principales.

Repasemos ambas cosas:

La lentitud del sitio web afecta a la experiencia del usuario (UX)

La lentitud del sitio web dificulta el proceso de compra. 

Si una página web tarda demasiado en cargarse en cualquier punto del proceso de compra, los compradores potenciales pueden impacientarse y abandonar tu sitio antes de realizar la compra. 

Esto conduce a tasas de conversión más bajas, lo que significa que menos personas completan las acciones que quieres que realicen en tu sitio web. Como hacer compras o suscribirse a tu boletín de noticias. 

Y los sitios web más lentos suelen tener tasas de rebote más altas.

Esto significa que los compradores abandonan tu sitio sin comprometerse. Por tanto, tampoco compran.

Algunos rebotes son inevitables. Pero un gran número de visitantes que se marchan sin comprometerse perjudica tu rentabilidad a largo plazo.

La velocidad lenta del sitio tiene un impacto negativo en el SEO

La velocidad de la página es uno de los factores de clasificación confirmados por Google. Por lo tanto, tener un sitio web lento puede llevar a una clasificación más baja en las páginas de resultados de los motores de búsqueda (SERPs).

Aunque hay muchos otros factores -como la relevancia y la calidad del contenido- que determinan la clasificación de un sitio, la velocidad del sitio desempeña un papel innegable. 

Y cuando tu visibilidad se reduce de este modo, a los clientes potenciales les costará descubrir tu tienda. Lo que conduce a un menor número de visitantes y clientes.

Consejos para principiantes sobre la optimización de la velocidad del sitio de Shopify

Estos seis sencillos pasos pueden ayudarte a aumentar la velocidad de tu sitio Shopify:

1. Desactiva las aplicaciones y funciones que no utilices

Cuando descargas aplicaciones y funciones en tu tienda, éstas incorporan cierto código y script a tu sitio para que puedan ejecutarse.

Pero si no los utilizas, el código se está ejecutando en segundo plano sin motivo. Haciendo que el rendimiento de tu sitio sea más lento.

Shopify recomienda utilizar un máximo de unas 20 aplicaciones. Si tienes más que eso, revisa tu tienda para comprobar si hay alguna aplicación sin usar que puedas eliminar.

Puede que haya algunos que acabas de probar y te has olvidado de borrar.

Puedes eliminar aplicaciones innecesarias en tu Administración de Shopify. Haz clic en "Apps" seguido de "Apps y configuración del canal de ventas".

Botón "Configuración de apps y canales de venta" resaltado en Shopify Admin

Aquí verás todas las aplicaciones que has instalado. Sólo tienes que pasar el ratón por encima de los que no utilices y hacer clic en "Desinstalar".

También es posible que tu sitio tenga algunas funciones que realmente no necesitas. 

Por ejemplo, un temporizador de cuenta atrás puede añadir una sensación de urgencia a tu tienda. Pero si no realizas promociones o eventos sensibles al tiempo, no es más que código adicional que ralentiza tu sitio.

Para decidir qué aplicaciones o funciones conservar, pregúntate cuáles ayudarán más a tus clientes desde que llegan a tu sitio web hasta que realizan una compra. 

2. Minimiza los redireccionamientos 

Los redireccionamientos indican a los navegadores que vayan a una URL distinta de la solicitada originalmente.

Una redirección de la URL A a la URL B

Supongamos que tienes una página de producto para una venta especial en "www.yourshopifystore.com/sale" durante la temporada de vacaciones.

Pero después de la venta, eliminas esa página y en su lugar quieres que los visitantes vayan a la página general de tu producto en "www.yourshopifystore.com/products". 

Puedes configurar una redirección para que cuando los clientes escriban "www.yourshopifystore.com/sale", sean enviados automáticamente a "www.yourshopifystore.com/products".

Cuando se utilizan eficazmente, los redireccionamientos mejoran la experiencia general del usuario, asegurándose de que no aterrice en páginas rotas. 

Pero cuando se hace incorrectamente, puede dañar la experiencia del usuario, ralentizar tu sitio y confundir a los rastreadores de los motores de búsqueda.

He aquí algunos problemas comunes:

  • Redirección en cadena: Esto ocurre si una redirección lleva a otra redirección. Cadenas de redirecciones que pueden retrasar el rastreo, lo que ralentiza tu tiempo de carga y frustra a los usuarios.
  • Bucles de redireccionamiento: Esto ocurre cuando dos o más URL se redirigen entre sí. Así, la URL A redirigiría a la URL B, y la URL B iría a la URL A. Esta redirección no llevará realmente a tus visitantes a ninguna parte.

Puedes utilizar la herramienta Auditoría del sitio de Semrush para comprobar -y minimizar- las cadenas y bucles de redireccionamiento.

Para empezar, abre la herramienta, introduce tu URL en la barra de búsqueda y haz clic en "Iniciar auditoría".

Barra de búsqueda de la herramienta Auditoría del sitio

A continuación, se te pedirá que configures tu Auditoría del Sitio. Aquí puedes establecer un límite para el número de páginas que la herramienta puede comprobar e incluso establecer programas de auditoría automáticos semanales o diarios.

Cuando hayas terminado, haz clic en "Iniciar auditoría del sitio". 

Ventana "Configuración de la auditoría del sitio"

Cuando tu auditoría esté lista, verás un panel similar a éste:

Cuadro de mandos de la Auditoría de Sitios "Visión general"

Ve a la pestaña "Temas" e introduce "cadenas de redireccionamiento" en la barra de búsqueda.

"cadenas de redireccionamiento" introducido en la barra de búsqueda de la pestaña "Temas

A continuación, haz clic en "# cadenas y bucles de redireccionamiento" para obtener un informe completo de las páginas afectadas.

"119 cadenas de redireccionamiento y bucles" resultado resaltado en la pestaña "Problemas

Una vez que hayas identificado las cadenas o bucles, puedes hacer ajustes.

3. Optimiza tu página

Las imágenes de alta calidad suelen tener archivos de gran tamaño. Esto puede ser un problema si tienes en cuenta que estos archivos deben descargarse del servidor al dispositivo del usuario cuando se carga la página web. 

¿Por qué?

Porque los archivos más grandes tardan más en descargarse, especialmente en conexiones a Internet lentas. Y eso ralentiza la velocidad general del sitio.

Y cada imagen suele requerir una petición separada de protocolo de transferencia de hipertexto (HTTP) al servidor. Así que más imágenes significan más peticiones que aumentan la carga del servidor y el tiempo total de transferencia de datos. (Pronto hablaremos más de esto).

Aquí tienes algunos consejos de optimización de imágenes que pueden ayudarte:

  • Comprime las imágenes: Puedes utilizar herramientas como Optimizilla o TinyPNG para reducir el tamaño de archivo de tus imágenes sin perder mucha calidad.
  • Haz que los GIF sean estáticos: Si tienes algún GIF, considera la posibilidad de sustituirlo por imágenes estáticas. Los GIF animados suelen ser archivos más grandes y pueden ralentizar tus páginas.
  • Utiliza menos imágenes: Utiliza sólo imágenes que ayuden a tus clientes a comprender tus productos y a realizar compras. Evita demasiadas imágenes decorativas que no aporten valor.
  • Carga perezosa de imágenes: Esto significa que las imágenes se cargan sólo cuando los usuarios las necesitan. Puedes implementarlo añadiendo un atributo loading="lazy" a las etiquetas HTML de tus imágenes. 

4. Optimiza el rendimiento de tu web

Aunque un tema de Shopify puede empezar siendo ligero y rápido, hacer cambios excesivos en su diseño central puede dar lugar a un sitio hinchado y lento.

Aquí tienes algunos consejos para mantener y optimizar el rendimiento de tu tema:

  • Minimiza las personalizaciones del tema: Demasiadas personalizaciones innecesarias -especialmente las que requieren scripts adicionales o recursos pesados, como animaciones complejas- pueden ralentizar tu tema. Intenta utilizar las funciones integradas en el tema y reduce al mínimo los cambios personalizados.
  • Optimiza tu página de inicio: Una página de inicio desordenada tarda más en cargarse y puede ser más difícil de navegar. Considera la posibilidad de mostrar sólo los elementos esenciales (como los productos) que son cruciales para tu negocio.
  • Actualiza regularmente tu tema: Mantén tu tema actualizado a la última versión. Las actualizaciones suelen incluir optimizaciones.

5. Comprueba tus fuentes

Las fuentes pueden clasificarse generalmente en dos categorías: fuentes de sistema y fuentes web. 

Explicación de las fuentes del sistema frente a las fuentes web

Las fuentes del sistema ya están instaladas en tu ordenador o dispositivo. Están diseñados para ser compatibles con distintos sistemas operativos y aplicaciones. 

Las fuentes web se alojan en un servidor y el navegador del usuario las descarga cuando visita una página web. Pueden ser más exclusivos y suelen utilizarse cuando una marca busca un aspecto específico.

Pero las fuentes web también pueden ralentizar tu sitio:

  • Añadir solicitudes adicionales: Cuando utilizas una fuente personalizada en tu sitio, necesitas cargarla desde una fuente, ya sea desde tu propio servidor o desde un servicio de terceros como Google Fonts. Esto añade peticiones adicionales, que pueden ralentizar el tiempo de carga. (Pronto hablaremos más de esto).
  • Bloqueo de la representación: Los navegadores tienen que esperar a que se descargue la fuente web para poder mostrar el texto. Esto puede provocar un retraso en la renderización, lo que repercute negativamente en la experiencia del usuario.

Para evitar ralentizar la experiencia de tus compradores, puedes utilizar fuentes del sistema. Algunos ejemplos son:

  • Georgia
  • Mónaco
  • Menlo
  • Times New Roman

6. Reducir el número de peticiones HTTP

Las peticiones HTTP son mensajes que un navegador envía a un servidor web cada vez que alguien quiere ver tu sitio. 

Estas peticiones pueden ser de imágenes, archivos JavaScript, etc.

Cuantos más archivos haya en el sitio web, más peticiones HTTP tendrá que hacer el navegador para cargarlos todos. Y más lento se vuelve el sitio web.

Para reducir el número de peticiones HTTP, empieza por eliminar los botones innecesarios.

Por ejemplo, si tienes demasiadas llamadas a la acción (como "Comprar ahora", "Más información" o "Suscribirse") en una página, elimina las que no sean prioritarias.

Y limítate a diseños sencillos para tu sitio de Shopify. Porque las animaciones o elementos de diseño complejos exigen código y recursos adicionales.

3 herramientas para medir la velocidad de tu sitio web

Una vez que hayas implementado cambios para acelerar tu sitio, controla la velocidad de tu sitio con regularidad para asegurarte de que todo funciona correctamente.

Aquí tienes tres herramientas que te ayudarán a conseguirlo.

Auditoría del sitio Semrush

Si quieres llevar el análisis de la salud de tu sitio al siguiente nivel, realiza una auditoría técnica completa con la herramienta Auditoría del sitio de Semrush.

Para empezar, lanza la herramienta. A continuación, configura tus ajustes y haz clic en "Iniciar Auditoría del Sitio." 

Ventana "Configuración de la auditoría del sitio"

Para ver información sobre la velocidad de tu sitio Shopify, haz clic en "Ver detalles" en la sección "Rendimiento del sitio".

“Widget de rendimiento del sitio destacado en el panel de control de la auditoría del sitio Visión general

Junto a cada problema, verás "Más información" o "Por qué y cómo solucionarlo". 

Cuando hagas clic en ese botón, verás una ventana emergente que te dará más información sobre el problema exacto y los pasos que tienes que dar para solucionarlo.

Ventana emergente "Por qué y cómo solucionarlo" para el problema "Tamaño de página HTML grande"

Cuando arregles estos problemas, da prioridad a los "Errores". Después puedes pasar a "Advertencias" y "Avisos".

Otro conjunto útil de métricas es la sección "Core Web Vitals". 

Las Core Web Vitals son métricas que evalúan el rendimiento de carga, la interactividad y la estabilidad visual de tu sitio. Y hay tres:

  • Largest Contentful Paint (LCP): Cuánto tarda en cargarse tu contenido principal
  • Retraso de la primera entrada (FID): El tiempo que transcurre entre que el usuario interactúa con la página y ésta responde a su interacción. Google tiene previsto sustituir esta métrica por la Interacción con la Próxima Pintura (INP) en marzo de 2024.
  • Desplazamiento acumulativo del diseño (CLS): Cuánto se desplaza inesperadamente el diseño cuando los usuarios están viendo tu página
“Widget de Salud del Sitio destacado en el panel de control general de la Auditoría del Sitio

A continuación, obtendrás un desglose del rendimiento de tus páginas según estas métricas. Y algunos consejos de optimización.

Informe de velocidad de la tienda online de Shopify

El Informe de velocidad de la tienda online de Shopify utiliza Google Lighthouse (un software de código abierto de Google diseñado para ayudarte a mejorar tu sitio web) para calcular y comparar el rendimiento de tu sitio con los estándares del sector y con tiendas similares de la plataforma. 

Informe de velocidad de la tienda online de Shopify

El informe te muestra una puntuación sobre 100, la compara con otras tiendas del mismo sector y te da recomendaciones sobre cómo mejorar la velocidad de tu sitio Shopify.

También puedes ver un resumen de cómo ha cambiado tu puntuación a lo largo del tiempo. Y qué eventos pueden haber afectado a la puntuación de velocidad de tu sitio.

Para ver la vista general de la velocidad de tu sitio de Shopify, dirígete a tu Administración de Shopify. A continuación, haz clic en "Análisis" y luego en "Informes".

Una vez allí, busca "velocidad de la tienda online" y haz clic en "Velocidad de la tienda online".

"Velocidad de la tienda online" seleccionada en la página Informes de Shopify

Google PageSpeed Insights 

Google PageSpeed Insights (PSI ) es una herramienta gratuita que mide el rendimiento de una única URL tanto en móvil como en escritorio. 

Puedes utilizar la PSI para una evaluación de tus "Core Web Vitals". Y otras métricas importantes

Este es el aspecto del informe resultante:

Informe de Google PageSpeed Insights "Core Web Vitals Assessment"

También recibirás puntuaciones de rendimiento en distintas áreas y recomendaciones de alto nivel para cada una de ellas:

Puntuaciones de rendimiento en el informe Google PageSpeed Insights

Para utilizar esta herramienta, ve a la página de PSI, introduce una URL de tu sitio Shopify que quieras evaluar y haz clic en "Analizar".

Google PageSpeed Insights

Lleva el rendimiento de tu sitio Shopify al siguiente nivel

La velocidad de tu sitio Shopify puede hacer que tus visitantes tengan una experiencia de compra mejor o peor. E influyen en tu capacidad de clasificación.

Por suerte, hay muchos pasos que puedes dar para optimizar la velocidad de tu sitio Shopify antes de que se convierta en un problema. 

Utiliza la herramienta de Auditoría del Sitio de Semrush para vigilar regularmente la salud de tu sitio Shopify. Así podrás garantizar una experiencia de compra agradable que haga que los clientes vuelvan.

Compartir
Author Photo
Hava Salsi is a Swiss-based content writer specializing in B2B SaaS, HR, and tech. With over 5 years of experience working with startups and businesses around the world, she produces engaging, user-centric content that ranks highly and drives conversions.