¿Por qué mi tienda Shopify va lenta? 7 causas + soluciones (2026)

Cómo comprobar si tu tienda es realmente lenta

Antes de diagnosticar algo, necesita datos, no conjeturas. "Se siente lento" no es un diagnóstico. Comience con nuestro herramienta gratuita de prueba de velocidad de Shopify para obtener una descripción general rápida, luego profundice con estos métodos:

La solución fácil: deje que Thunder lo diagnostique y lo solucione

Antes de pasar horas diagnosticando manualmente: Thunder Page Speed Optimizer identifica automáticamente lo que está ralentizando tu tienda y lo soluciona. No se requieren cambios de código ni conocimientos técnicos.

Por qué sucede esto

Cada aplicación de Shopify que instales puede inyectar JavaScript en tu tienda. Un widget de revisión, una ventana emergente, un programa de fidelización, un rastreador de análisis: cada uno agrega sus propios scripts que deben descargarse, analizarse y ejecutarse antes de que su página termine de cargarse. La tienda Shopify promedio tiene entre 15 y 25 aplicaciones instaladas y el efecto acumulativo es devastador.

El problema no es sólo la cantidad, es que muchos scripts de aplicaciones no están optimizados. Se cargan en cada página (incluso donde no son necesarios), bloquean la representación y, a veces, cargan bibliotecas duplicadas (como jQuery) de forma independiente. Una sola aplicación mal codificada puede agregar entre 500 y 2 segundos al tiempo de carga.

Cómo comprobar

Abra su tienda en Chrome, presione F12 para abrir DevTools, vaya a la pestaña Red y vuelva a cargar. Filtra por "JS" y mira la columna de dominio. Los guiones temáticos provienen de cdn.shopify.com. Todo lo demás es probablemente de aplicaciones. Cuenta los archivos de script de terceros y anota sus tamaños.

Para un enfoque más rápido, Escáner de aplicaciones de Thunder mide automáticamente el impacto de cada aplicación en el tiempo de carga y genera un informe de rendimiento por aplicación.

Cómo solucionarlo

• Audita tus aplicaciones. Vaya al administrador de Shopify → Aplicaciones. Para cada aplicación, pregunte: "¿Contribuye activamente a las ventas?" Si no, desinstálelo.
• Eliminar duplicados. ¿Dos ventanas emergentes de correo electrónico? ¿Dos herramientas de análisis? Elige el mejor y elimina el otro.
• Verifique si hay código sobrante. Después de la desinstalación, busque su tema theme.liquid para etiquetas de script sobrantes: muchas aplicaciones no se limpian solas.
• Utilice un optimizador de secuencias de comandos. Para las aplicaciones que necesita conservar, utilice una herramienta que posponga sus secuencias de comandos para que se carguen después de que se muestre el contenido visible de la página. Vea nuestro guía de velocidad completa para más detalles.

⚡ Mejora esperada: 15–40 % si eliminas u optimizas más de 3 aplicaciones pesadas

Un análisis de febrero de 2026 de las tiendas Shopify encontró que la optimización de la velocidad puede aumenta las conversiones hasta en un 30% : y los scripts de aplicaciones de terceros siguen siendo los principales culpables de la lentitud de las tiendas. Incluso las aplicaciones que has desactivado pero no desinstalado pueden dejar scripts residuales. Para obtener un enfoque estructurado para encontrar sus obstáculos específicos, consulte nuestra Lista de verificación de diagnóstico lento de Shopify.

Por qué sucede esto

Las imágenes son los archivos más grandes en la mayoría de las páginas. Una sola foto de producto sin comprimir puede tener entre 3 y 8 MB, cuando debería tener entre 100 y 300 KB. Multiplique eso por una página de colección con 20 productos y pedirá a los visitantes que descarguen entre 60 y 160 MB de imágenes. En una conexión móvil, eso supone un retraso de varios segundos, sólo para las imágenes.

Errores comunes: cargar fotos originales de la cámara sin comprimirlas, usar PNG para fotos de productos (JPEG/WebP es mejor para fotografías), cargar imágenes de 4000×4000px que se muestran a 800×800px y no usar tamaños de imagen responsivos.

Cómo comprobar

Ejecute su página a través de PageSpeed ​​Insights y busque las oportunidades "Imágenes con el tamaño adecuado" y "Servir imágenes en formatos de próxima generación". También puede consultar Chrome DevTools → pestaña Red → filtrar por "Img" y ordenar por tamaño. Cualquier imagen de más de 500 KB es candidata a optimización.

Cómo solucionarlo

• Comprimir antes de cargar. Uso Calabaza o PequeñoPNG : apunte a menos de 200 KB por imagen de producto.
• Cambiar el tamaño para mostrar las dimensiones. Si una imagen se muestra a 800×800px, no cargue un original de 4000×4000px. Sube a 1600×1600px (2× para retina) como máximo.
• Deja que Shopify se encargue de la conversión de formato. La CDN de Shopify ofrece automáticamente WebP a los navegadores compatibles. Asegúrate de que tu tema utilice el | image_url Filtro de líquidos, que permite la optimización automática del formato.
• Utilice imágenes responsivas. Asegúrese de que su tema incluya srcset atributos para que diferentes tamaños de pantalla obtengan imágenes del tamaño adecuado.

Para una inmersión profunda, consulte nuestro guía completa de optimización de imágenes de Shopify.

⚡ Mejora esperada: 15-40% para tiendas con muchas imágenes

Por qué sucede esto

Los temas de Shopify varían enormemente en cuanto a rendimiento. Algunos temas priorizan funciones (controles deslizantes animados, mega menús, efectos de paralaje, filtrado de productos integrado, notificaciones emergentes) y cada función significa más JavaScript y CSS. Un tema "rico en funciones" puede cargar fácilmente entre 500 KB y 1,5 MB de JavaScript antes de que se considere ninguna aplicación.

Los temas más antiguos creados antes de la arquitectura de la Tienda en línea 2.0 de Shopify (2021) tienden a ser significativamente más pesados ​​porque dependen de jQuery y patrones de JavaScript más antiguos. Algunos temas premium no han sido reescritos para la nueva arquitectura, incluso si todavía están vendidos.

Cómo comprobar

La forma más rápida: encuentra la tienda de demostración de tu tema (generalmente vinculada desde el listado de la Tienda de Temas de Shopify) y ejecútala a través de PageSpeed Insights. Si el : sin aplicaciones, sin código personalizado, contenido mínimo: puntuaciones inferiores a 40 en dispositivos móviles, el tema es el cuello de botella.

También puede verificar el tamaño de JavaScript del tema en DevTools → Red → filtrar por "JS" → buscar scripts de cdn.shopify.com/s/files/.../assets/. Si el JS de su tema tiene un total de más de 300 KB (comprimido), es pesado.

Cómo solucionarlo

• Deshabilite las funciones del tema no utilizadas. Si no estás usando el mega menú, los fondos de video o el desplazamiento de paralaje, deshabilítalos en la configuración del tema. Algunos temas aún cargan JavaScript incluso cuando las funciones están "desactivadas"; consulte con el desarrollador del tema.
• Considere cambiar de tema. Si su tema es fundamentalmente pesado, la optimización solo llega hasta cierto punto. Consulte nuestra guía clasificada de temas de Shopify más rápidos Guía : Dawn y Horizon obtienen una puntuación limpia de 90+, mientras que muchos temas pagos comienzan entre 20 y 30 puntos menos.
• Verifique la compatibilidad con el sistema operativo 2.0. Los temas creados en la arquitectura 2.0 de la Tienda en línea de Shopify (Sección Todas partes, plantillas JSON) son generalmente mucho más rápidos que los temas más antiguos.

⚡ Mejora esperada: 10–40% si se cambia de un tema pesado a uno ligero

Por qué sucede esto

Cuando el navegador encuentra un <script> etiqueta sin async o defer, deja de representar la página, descarga el script, lo ejecuta y solo entonces continúa. Este es un comportamiento de "bloqueo de renderizado" y es la razón por la que sus visitantes ven una página en blanco durante unos segundos mientras los scripts se cargan en segundo plano.

En una tienda Shopify típica, los recursos que bloquean el renderizado incluyen el JavaScript principal del tema, los scripts de aplicaciones de terceros, los códigos de seguimiento de análisis y, a veces, los archivos CSS cargados desde dominios externos. Todos estos compiten por el ancho de banda y el tiempo de procesamiento antes de que aparezca cualquier contenido.

Cómo comprobar

Ejecute PageSpeed Insights y busque "Eliminar recursos que bloquean el renderizado"advertencia en la sección Oportunidades. Enumera todos los archivos que bloquean el renderizado y cuántos milisegundos agrega cada uno. También puede usar Chrome DevTools → pestaña Rendimiento → registrar la carga de una página y observar las "Tareas largas" que bloquean el hilo principal.

Cómo solucionarlo

• Agregar defer o async a guiones. Si tiene etiquetas de script personalizadas en su tema, agregue el Atributo defer . Esto le indica al navegador que descargue el script en segundo plano y lo ejecute después de que la página se haya renderizado.
• Utilice un optimizador de secuencias de comandos. Para los scripts de aplicaciones de terceros (que no puedes editar directamente), una aplicación optimizadora de velocidad puede interceptarlos y aplazarlos automáticamente. Esta es la funcionalidad principal de herramientas como Thunder.
• CSS crítico en línea. Mueve el CSS necesario para el contenido visible sin desplazamiento directamente al HTML, y carga el resto de forma asíncrona. Esto evita que el CSS bloquee el primer renderizado.
• Precargar recursos clave. Uso <link rel="preload"> para fuentes e imágenes críticas para que el navegador comience a descargarlas antes.

Para obtener un tutorial detallado, consulte nuestro guía para arreglar recursos que bloquean el renderizado en Shopify.

⚡ Mejora esperada: 20–50 % en tiendas con muchos scripts de bloqueo de renderizado

Por qué sucede esto

Sin carga diferida, su navegador descarga cada Página imagen en la página inmediatamente, incluidas imágenes muy por debajo del pliegue a las que el visitante aún no se ha desplazado. En una página de colección con 40 productos, eso significa cargar más de 40 imágenes de productos por adelantado, aunque el visitante solo vea entre 4 y 8 inicialmente.

Algunos temas antiguos de Shopify no incluyen carga diferida o la implementan con una biblioteca de JavaScript que a su vez agrega gastos generales. Otros cargan todo de forma diferida, incluida la imagen principal, lo que en realidad perjudica el rendimiento al retrasar la pintura con contenido más grande (LCP).

Cómo comprobar

Haga clic con el botón derecho en cualquier imagen debajo de la página de su tienda, seleccione "Inspeccionar" y busque loading="lazy" en el <img> . Si falta, sus imágenes no se cargan de forma diferida. Consulte también la pestaña Red en DevTools: si todas las imágenes comienzan a cargarse inmediatamente al cargar la página, la carga diferida no funciona.

Cómo solucionarlo

• Utilice carga diferida nativa. Etiquetas Agregar loading="lazy" a todos <img> para contenido en la mitad inferior de la página. La mayoría de los temas modernos de Shopify incluyen esto de forma predeterminada.
• No cargues de forma diferida la imagen principal. La imagen principal de su producto principal o de la mitad superior de la página debe utilizar loading="eager" (u omitir el atributo por completo) para que se cargue inmediatamente. La carga diferida retrasa su puntuación LCP.
• Vídeos y iframes de carga diferida también. Los videos incrustados de YouTube o los feeds de Instagram son pesados: cárguelos de forma diferida para que solo se carguen cuando se desplazan hacia la vista.
• Utilice un optimizador de velocidad. Si su tema no admite la carga diferida nativa, herramientas como Thunder pueden agregarlo automáticamente en toda su tienda.

⚡ Mejora esperada: 10–25 % en páginas con muchas imágenes

Por qué sucede esto

Cada redireccionamiento (301 o 302) obliga al navegador a realizar una solicitud HTTP completamente nueva a una URL diferente. Cada redirección añade entre 100 y 300 ms de retraso debido a la búsqueda de DNS adicional, la conexión TCP y el protocolo de enlace SSL. Las cadenas de redireccionamiento (A → B → C) agravan esto: tres redireccionamientos pueden agregar casi un segundo completo de retraso.

Causas comunes en Shopify: productos o colecciones renombrados que dejan atrás URL antiguas, enlaces internos que apuntan a URL HTTP que redireccionan a HTTPS, enlaces sin barras diagonales que redirigen a versiones con barras diagonales y redirecciones de geolocalización para tiendas internacionales.

Cómo comprobar

En la pestaña Chrome DevTools → Red, busque solicitudes con un código de estado 301 o 302. PageSpeed ​​Insights también señala redireccionamientos excesivos en "Evitar redireccionamientos de varias páginas". Verifique su lista de redirecciones en Shopify admin → Tienda en línea → Navegación → Redirecciones de URL.

Cómo solucionarlo

• Actualizar enlaces internos. Busque y actualice cualquier enlace en su navegación, contenido y tema que apunte a URL antiguas. Enlace directo al destino final.
• Limpiar redireccionamientos de URL. En el administrador de Shopify, revisa tu lista de redireccionamientos. Elimine las redirecciones que ya no sean necesarias (por ejemplo, para productos que eliminó hace años).
• Arreglar cadenas de redireccionamiento. Si la URL A redirige a B y B redirige a C, actualice A para redirigir directamente a C.
• Utilice HTTPS en todas partes. Asegúrese de que se utilicen todos los enlaces internos https:// para evitar redireccionamientos HTTP → HTTPS.
• Gestionar adecuadamente la internacionalización. Uso hreflang en lugar de geolocalización basada en redirecciones para ofrecer el contenido adecuado a los visitantes internacionales.

⚡ Mejora esperada: 2-10% dependiendo del número de cadenas de redireccionamiento

Por qué sucede esto

El DOM (Document Object Model) es la representación del navegador de la estructura HTML de tu página. Un DOM grande significa que tu página tiene demasiados elementos HTML — divs anidados, secciones excesivas, cuadrículas de productos complejas y marcado de widgets de aplicaciones, todo contribuye. Google recomienda mantener el tamaño del DOM por debajo de 1,500 elementos; muchas tiendas Shopify superan los 3,000–5,000.

Un DOM grande perjudica el rendimiento de varias maneras: aumenta el uso de memoria, ralentiza la coincidencia del selector CSS, ralentiza las operaciones DOM de JavaScript y aumenta el tiempo para recálculos de diseño. Cada vez que el navegador necesita descubrir qué mostrar, un DOM más grande significa más trabajo.

Cómo comprobar

PageSpeed ​​Insights informa "Evitar un tamaño DOM excesivo" en la sección Diagnóstico, junto con el recuento de elementos. También puede verificar en la consola DevTools escribiendo: document.querySelectorAll('*').length : esto devuelve el recuento total de elementos DOM.

Cómo solucionarlo

• Simplifica el diseño de tu tema. Elimina divs contenedores innecesarios y elementos anidados. Muchos temas tienen entre 5 y 6 niveles de anidación, donde 2 o 3 serían suficientes.
• Limitar las cuadrículas de productos. En lugar de mostrar 48 productos por página, utilice la paginación con 12 a 24 productos. Menos productos = menos elementos DOM.
• Eliminar elementos ocultos. Algunas aplicaciones inyectan marcas ocultas que no son visibles pero que aún forman parte del DOM. Utilice DevTools para buscar elementos con display: none y evaluar si son necesarios.
• Utilice la virtualización para listas largas. Si debe mostrar muchos elementos, considere técnicas de renderizado diferido que solo agregan elementos al DOM a medida que el usuario se desplaza.
• Auditar widgets de aplicaciones. Revise las ventanas emergentes, los widgets de chat y las barras de notificación: a menudo inyectan importantes nodos DOM incluso cuando no están visibles.

⚡ Mejora esperada: 5–15% para tiendas con excesivos elementos DOM

Resumen rápido de ganancias

Este es el camino más rápido hacia una tienda más rápida, priorizado por esfuerzo versus impacto. Para obtener un tutorial completo de cada técnica de optimización, consulte nuestro Guía de optimización de velocidad de Shopify.

Preguntas frecuentes