¿Shopify lento en móvil? 5 controles técnicos para mejorar la velocidad

1. Revisa las imágenes antes que el código

Las imágenes suelen estar entre los recursos más pesados de una página de producto o de la home. Verifico dimensiones reales, formato, compresión, lazy loading y si el navegador está descargando un archivo mucho más grande que el espacio en el que se muestra.

No comprimo todo a ciegas: hero, imágenes de producto y contenidos editoriales tienen necesidades distintas. El objetivo es reducir bytes innecesarios manteniendo una calidad coherente con la marca.

2. Verifica JavaScript y apps realmente cargados

Cada app puede tener un impacto diferente. Algunas trabajan principalmente en el backend, otras cargan scripts, widgets y listeners en el storefront. Por este motivo no considero el “número de apps” una métrica suficiente.

Compruebo qué recursos se ejecutan en las páginas afectadas, cuáles son necesarios y qué funciones se solapan. Si una función es sencilla y pertenece al tema, puede tener sentido sustituirla por Liquid; si requiere backend, APIs o datos persistentes, una app suele seguir siendo la solución correcta.

3. Reduce el trabajo del main thread

Una página puede parecer cargada y seguir siendo poco reactiva porque el navegador está ejecutando demasiado JavaScript. Esto puede afectar métricas de interacción como INP y la sensación de fluidez de menús, variantes, filtros y carrito.

El trabajo consiste en encontrar los scripts responsables, reducir lo que no hace falta inmediatamente y verificar que los cambios no bloqueen funciones comerciales o tracking necesario.

4. Revisa fuentes, CSS y recursos críticos

Fuentes externas, hojas de estilo muy grandes y recursos cargados en un orden poco óptimo pueden retrasar el renderizado. Antes de intervenir distingo lo que hace falta above the fold de lo que puede cargarse después.

Evito optimizaciones agresivas aplicadas en masa: diferir o eliminar el recurso equivocado puede causar parpadeos, layouts inestables o componentes que dejan de funcionar.

5. Analiza Liquid y la estructura del tema

Liquid genera el HTML antes de que la página llegue al navegador. Si una sección produce markup redundante, bucles innecesarios o carga componentes no necesarios, la página puede hacerse más pesada de lo necesario.

Aquí intervengo en secciones, snippets y plantillas manteniendo la compatibilidad con el editor Shopify. El objetivo es reducir complejidad sin convertir el tema en código difícil de actualizar.

¿Qué métricas mirar?

Core Web Vitals es una referencia útil, pero no lo convierto en una fórmula comercial. LCP, INP y CLS describen aspectos de la experiencia; una mejora técnica puede reducir una fricción, pero no garantiza un porcentaje predeterminado de conversiones o ventas.

Por tanto comparo:

• datos reales disponibles de Core Web Vitals;
• pruebas de laboratorio repetibles;
• peso y número de recursos;
• comportamiento de las interacciones principales;
• métricas comerciales, solo después de verificar que el tracking sea fiable.

Cuándo una app de rendimiento no es suficiente

Si el problema nace de un widget necesario, de una integración o de una función de aplicación, “eliminar JavaScript” no es una solución. Hay que entender si la función puede reescribirse, configurarse mejor o sustituirse.

Cuando hace falta software dedicado también puedo intervenir como desarrollador de apps para Shopify, separando la lógica de aplicación del tema en lugar de acumular workarounds en el frontend.

Cómo trabajo en la velocidad de Shopify

Soy Francesco Guiducci, experto Shopify freelance y desarrollador de apps para Shopify. Trabajo con los planes Basic, Shopify y Advanced y trato el rendimiento como un problema que debe medirse: baseline, modificación, prueba y readback.

Si quieres entender qué ralentiza tu tienda, puedes empezar con una auditoría Shopify o una consultoría 1:1.

Actualizado el 3 de septiembre de 2026.