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:
Estadísticas de PageSpeed de Google
Ir a pagespeed.web.dev, ingresa la URL de tu tienda y verifica la móvil Puntuación puntuación. Por debajo de 40 = lento. 40–60 = promedio. 60+ = bueno para Shopify. La mayoría de las tiendas Shopify no optimizadas obtienen una puntuación de 20 a 35 en dispositivos móviles.
Core Web Vitals (datos de usuario reales)
In PageSpeed Insights, look for the "Discover what your real users are experiencing" section at the top. This shows actual performance data from Chrome users visiting your store. If you see red or orange on LCP, INP, or CLS — those are the specific metrics to fix.
Cascada GTmetrix
GTmetrix muestra un gráfico en cascada de cada recurso que carga su página. Esta línea de tiempo visual facilita la identificación de qué archivos específicos están provocando retrasos. Ordene por tiempo de carga para encontrar los peores infractores.
⚠️ Ignora la puntuación de velocidad incorporada de Shopify en tu panel de administración. Utiliza una métrica simplificada que no refleja el desempeño del mundo real. Utilice PageSpeed Insights y Core Web Vitals para tomar decisiones de optimización reales.
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.
Not Sure What's Slowing Your Store?
Get a free speed analysis showing exactly which apps and scripts hurt your Core Web Vitals — with personalized fixes.
Free · Takes ~60 seconds · Report delivered to your inbox
Analyzing your store...
This usually takes 30-60 seconds
Report Sent!
Check your inbox in 2-3 minutes. We've sent a detailed speed report with personalized recommendations.
Thunder soluciona automáticamente los 7 problemas siguientes:
Optimización de secuencias de comandos de aplicaciones
Aplaza scripts de terceros: la causa número uno de almacenamiento lento
Optimización de imagen
Carga diferida, conversión WebP, tamaño responsivo
Solución de bloqueo de renderizado
Incorporación de CSS crítico y aplazamiento de script
Optimización de fuentes
visualización de fuentes: intercambio y precarga - automático
Mejora media: +27 puntos PageSpeed
Most stores go from red/orange to green within minutes. 30-second setup, works with all themes.
Plan gratuito disponible · No se requiere tarjeta de crédito · Configuración de 30 segundos · Funciona con todos los temas · Ver precios
Demasiadas aplicaciones (o demasiadas aplicaciones pesadas)
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. Everything else is likely from apps. Count the third-party script files and note their sizes.
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
tema.liquidopara 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.
Imágenes no optimizadas
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
| URL_imagenFiltro de líquidos, que permite la optimización automática del formato. - Utilice imágenes responsivas. Asegúrese de que su tema incluya
conjunto de origenatributos 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
Tema pesado
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
The fastest way: find your theme's demo store (usually linked from the Shopify Theme Store listing) and run it through PageSpeed Insights. If the : 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.
⚡ Expected improvement: 10–40% if switching from a heavy to lightweight theme
Scripts de bloqueo de renderizado
Por qué sucede esto
Cuando el navegador encuentra un asíncrono o aplazar, 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.
On a typical Shopify store, render-blocking resources include the theme's main JavaScript, third-party app scripts, analytics tracking codes, and sometimes CSS files loaded from external domains. These all compete for bandwidth and processing time before any content appears.
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
aplazaroasíncronoa guiones. Si tiene etiquetas de script personalizadas en su tema, agregue el Atributoaplazar. 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. Move the CSS needed for above-the-fold content directly into the HTML, and load the rest asynchronously. This prevents CSS from blocking the first render.
- Precargar recursos clave. Uso
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
Sin carga diferida
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 cargando="perezoso" en el
Cómo solucionarlo
- Utilice carga diferida nativa.
Etiquetas Agregar
cargando="perezoso"a todos - 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
cargando="ansioso"(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
Demasiados redireccionamientos
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 Etiquetasen 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
Tamaño DOM grande
Por qué sucede esto
The DOM (Document Object Model) is the browser's representation of your page's HTML structure. A large DOM means your page has too many HTML elements — nested divs, excessive sections, complex product grids, and widget markup from apps all contribute. Google recommends keeping DOM size under 1,500 elements; many Shopify stores exceed 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('*').longitud : 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
pantalla: ningunay 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.
| Prioridad | Acción | Esfuerzo | Impacto |
|---|---|---|---|
| 1 | Eliminar aplicaciones no utilizadas + verificar el código sobrante | 30 minutos | Alto |
| 2 | Instalar un optimizador de secuencias de comandos para las aplicaciones restantes | 5 minutos | Alto |
| 3 | Comprimir y cambiar el tamaño de imágenes | 1–2 horas | Alto |
| 4 | Habilite la carga diferida para imágenes de la página inferior | 15 minutos | Medio |
| 5 | Arreglar cadenas de redireccionamiento | 30 minutos | Medio |
| 6 | Evaluar el desempeño del tema | 1 hora | Medio-Alto |
| 7 | Reducir el tamaño del DOM | 2+ horas | Medio |
Preguntas frecuentes
¿Cuál es una buena puntuación de velocidad de página para Shopify?
A mobile PageSpeed Insights score of 50–70 is good for Shopify. Most unoptimized stores score 20–35 on mobile. Desktop scores (typically 70–95) are less meaningful since most ecommerce traffic comes from mobile devices. Focus on mobile performance and Core Web Vitals (LCP under 2.5s, INP under 200ms, CLS under 0.1).
¿La velocidad de Shopify afecta las ventas?
Sí, significativamente. Los estudios muestran un aumento del 7% en las conversiones por cada segundo de mejora en el tiempo de carga. Los datos de Google muestran que el 53% de los usuarios de dispositivos móviles abandonan los sitios que tardan más de 3 segundos en cargarse. Para una tienda que gana 50.000 dólares al mes, reducir 1 segundo el tiempo de carga podría significar 42.000 dólares adicionales al año en ingresos.
¿Puedo acelerar Shopify sin eliminar aplicaciones?
Yes. Thunder Page Speed Optimizer defers how third-party app scripts load, so they don't block your page from rendering. It also handles critical CSS inlining, image optimization, and font loading. This lets you keep your apps while dramatically reducing their impact — Thunder users see an average +27 PageSpeed point improvement with a 30-second setup.
¿Por qué mi tienda Shopify es lenta en dispositivos móviles pero rápida en computadoras de escritorio?
Mobile devices have less processing power, slower network connections, and smaller memory than desktops. Heavy JavaScript from apps takes much longer to parse and execute on a phone. Additionally, mobile networks add latency that compounds with every HTTP request. This is why optimizing JavaScript is even more critical than optimizing images for mobile speed.
¿Cómo puedo saber qué aplicación de Shopify está ralentizando mi tienda?
Puede verificar manualmente usando Chrome DevTools (pestaña Red → filtrar por JS → buscar dominios de terceros), o usar una herramienta como el escáner de aplicaciones de Thunder que identifica automáticamente el impacto de cada aplicación en el tiempo de carga, medido en milisegundos y kilobytes. El enfoque manual funciona pero requiere mucho tiempo; El escaneo automatizado le brinda un informe claro de rendimiento por aplicación.
¿Cambiar mi tema de Shopify mejora la velocidad?
It can make a huge difference. Heavy themes with built-in mega menus, animated sliders, and complex filtering load significantly more JavaScript. Switching from a heavy theme to a lightweight one like Dawn can improve scores by 10–40%. Before choosing a theme, test its demo store on PageSpeed Insights — if the demo scores below 40 on mobile, the theme itself is the bottleneck.
¿Cuántas aplicaciones son demasiadas para la velocidad de Shopify?
No existe un número mágico, depende de las aplicaciones. Una tienda con 8 aplicaciones bien codificadas puede ser más rápida que una con 3 aplicaciones mal construidas. Dicho esto, la tienda Shopify promedio ejecuta entre 15 y 25 scripts de aplicaciones, y las tiendas con más de 20 aplicaciones casi siempre tienen problemas de velocidad. La clave es medir el impacto real de cada aplicación en lugar de contar las instalaciones. Herramientas como el escáner de aplicaciones de Thunder le muestran exactamente qué aplicaciones cuestan más milisegundos.
¿Shopify es lento o es mi tienda?
Shopify's infrastructure is fast — their CDN, servers, and checkout are optimized at scale. The slowness almost always comes from what's added on top: apps injecting scripts, uncompressed images, heavy themes, and third-party tracking pixels. A clean Shopify store on Dawn with zero apps scores 90+ on mobile. The gap between that and your score is caused by your customizations, not Shopify's platform.