Velocidad de mi página web en shopify (Tema)

Hola que tal?

Tengo una situación con la velocidad del tema o página de mi tienda en línea

le instalé hasta una aplicación que optimiza la velocidad mejoró un poco pero sigue lenta al cargar una página a otra (navegando de una colección a otra y visualizar un producto=

Hola @Acelat22 ,

Gracias por escribirnos en los foros de la Comunidad. Entiendo que a pesar de haber instalado una aplicación para mejorar la velocidad de tu tienda, los reportes aún muestran la velocidad lenta, ¿verdad?

Antes que nada quisiera preguntarte, ¿qué tema estás usando? ¿Tienes muchas aplicaciones instaladas en tu tienda?

A modo de contexto, debes saber que existen distintos factores que influyen en la velocidad de tu tienda. A pesar de que hay varios factores que puedes controlar, algunos factores están fuera de tu control. Entre estos se encuentran factores locales como el dispositivo, la red y la ubicación del cliente, la infraestructura de Shopify, la red de distribución de contenido, que en el caso de Shopify garantiza la carga rápida de las tiendas en todo el mundo, el caché del navegador local y de las páginas almacenadas en el servidor y los recursos dentro del objeto Liquid content_for_header.

Sin embargo, existen distintos factores que se encuentran bajo tu control y que es posible corregir para mejorar la velocidad de tu tienda. A continuación te comparto algunas sugerencias:

1. Eliminar apps innecesarias: Aunque las aplicaciones pueden ser de gran ayuda para agregar funciones adicionales a tu página web, que no puedes añadir directamente desde el panel de control, muchas veces pueden enlentecer la carga de la página. Te recomendaría eliminar aquellas que no sean imprescindibles o no estés utilizando realmente. En caso de desinstalar una aplicación, es recomendable que elimines el código que se agregó como parte del proceso de instalación. Para esto, puedes consultar la documentación de la aplicación o contactar a los desarrolladores directamente para que te presten soporte.

2. Revisar el tema que estás usando: los temas están compuestos por códigos Liquid, HTML, CSS y JavaScript. Al personalizar o editar tu tema, el tamaño de los archivos puede aumentar, afectando directamente la velocidad de la tienda. Si te preocupa que tu código no esté optimizado, puedes ejecutar el Inspector de temas de Shopify para Chrome, el cual te ayuda a identificar las líneas de código que ralentizan las páginas en tu tienda online. Aunque en el momento el sitio está disponible en inglés, puedes utilizar el traductor de Google o cualquier otro traductor de tu preferencia, en caso de que lo necesites. Adicionalmente, puedes usar un tema como Dawn, el cual está optimizado para el rendimiento

Si crees que una función está enlenteciendo tu tienda, puedes usar la herramienta de Heatmap para ver si los clientes están utilizando ciertas funciones. Es recomendable desactivar las funciones del tema que no están en uso o que no necesitas.

Si necesitas soporte adicional, puedes contactar a nuestro equipo de soporte a través del Centro de Ayuda, si usas un tema de Shopify, a los desarrolladores del tema, si usas un tema externo, o contratar a uno de los expertos de Shopify.

3. Optimizar imágenes: es importante detectar imágenes que consumen muchos bytes de datos y editarlas y comprimirlas correctamente. Los formatos de imagen como JPEG 2000, JPEG XR y WebP a menudo proporcionan una mejor compresión que PNG o JPEG, lo que significa descargas más rápidas y menos consumo de datos. Además, ten en cuenta que el peso máximo recomendado es de 500 KB. Puedes revisar tus imágenes yendo a Configuración > Archivos y filtrarlas por peso para detectar las que sobrepasan el peso recomendado.

Existen varias aplicaciones que te pueden ayudar con la optimización de las imágenes. Algunas de estas aplicaciones son gratuitas y otras tienen un período de prueba para que puedas probar su funcionamiento antes de dejarlas instaladas en la tienda. Acá te comparto un par de sugerencias:

4. Fuentes: dado que existen fuentes que no están disponibles en todos los computadores, es recomendable utilizar fuentes de sistema, las cuales están instaladas en la mayoría de computadores. Si la fuente no está instalada en el computador, deberá descargarse antes de poder mostrar los textos, lo que afecta el tiempo de carga de la página.

Te comparto este documento de nuestro Centro de Ayuda donde explicamos en más detalle los aspectos que puedes controlar para mejorar la velocidad de tu tienda. Adicionalmente, te dejo este artículo de nuestro blog, para que lo tengas como referencia.

Para terminar, ¿has tenido la oportunidad de revisar otros reportes de tu tienda, como el de tráfico y el de conversiones?