La solución instantánea (antes de profundizar)
Antes de pasar horas diagnosticando causas individuales, pruebe la solución de un solo clic que soluciona la mayoría de ellas automáticamente:
Thunder soluciona 7 de estas 10 causas automáticamente:
Plan gratuito · Instalación en 30 segundos · Promedio de +27 puntos PageSpeed
Para las causas restantes (código sobrante de la aplicación, bucles de Liquid, hinchazón de la página de inicio), necesitará intervención manual. comprobar Planes de precios de Thunder para ver qué optimizaciones se incluyen en cada nivel. Ahora repasemos los 10.
¿No estás seguro de qué ralentiza tu tienda?
Obtén un análisis de velocidad gratuito que muestra exactamente qué apps y scripts afectan tus Core Web Vitals — con soluciones personalizadas.
Gratis · Tarda ~60 segundos · Informe enviado por email
Analizando tu tienda...
Esto suele tardar entre 30 y 60 segundos
¡Informe enviado!
Revisa tu bandeja de entrada en 2-3 minutos. Te hemos enviado un informe detallado con recomendaciones personalizadas.
Código Sobrante de Aplicaciones Desinstaladas
Impacto: Alto: puede agregar entre 500 ms y 2 s de tiempo de carga innecesario
Este es el asesino de velocidad oculto número uno. Cuando desinstalas una aplicación de Shopify, su código a menudo se queda atrás en tu tema. Etiquetas de script en tema.liquido, archivos CSS en su carpeta de activos, fragmentos de Liquid en el directorio de fragmentos: todo sigue cargándose en cada vista de página, lo que ralentiza su tienda para una aplicación que ya no usa.
Hemos visto tiendas con código de 10+ aplicaciones desinstaladas aún cargando. Cada una añade JavaScript y CSS que el navegador tiene que descargar, analizar y ejecutar — aunque la aplicación no haga nada.
⚡ Solución de Thunder
Thunder pospone todos los scripts, incluidos los scripts de aplicaciones huérfanas, para que no bloqueen la renderización. Mientras el código aún se cargue, no afectará su puntuación de PageSpeed ni el tiempo de carga inicial. Para una solución completa, aún querrás eliminar el código manualmente.
🔧 Corrección manual
Abre tu editor de temas. Buscar tema.liquido para etiquetas de script que hacen referencia a aplicaciones que has eliminado. Compruebe el
Carpetas fragmentos/
Carpeta y secciones/ para archivos relacionados con aplicaciones. Duplica siempre tu tema primero. Elimine cualquier código que haga referencia a aplicaciones desinstaladas.
Scripts de terceros que bloquean el renderizado
Impacto: Muy alto: normalmente, el mayor factor que reduce la velocidad (suma de 1 a 4)
Cada aplicación de Shopify que muestra algo en la tienda (reseñas, ventanas emergentes, chat o ventas adicionales) inyecta JavaScript que bloquea el renderizado de la página. El navegador debe descargar, analizar y ejecutar cada script antes de mostrar el contenido.
Cinco aplicaciones pueden agregar fácilmente de 1 a 3 segundos de tiempo de bloqueo. Esta es la razón por la que las tiendas con muchas aplicaciones obtienen una puntuación de 20 a 35 en PageSpeed incluso con un tema rápido: los scripts abruman a todo lo demás. Si desea una lista de correcciones más amplia, lea nuestra guía en cómo acelerar tu tienda Shopify.
⚡ Solución de Thunder
El motor de detección de aplicaciones de Thunder reconoce más de 200 scripts de aplicaciones de Shopify y difiere cada uno con estrategias específicas de la aplicación. Sabe qué scripts pueden retrasarse hasta después de la interacción y cuáles deben cargarse antes de secciones específicas de la página. Esta es la mayor ventaja de Thunder: no se necesita configuración manual.
🔧 Corrección manual
Agregar aplazar o asíncrono para escribir etiquetas en tu tema. Advertencia: esto a menudo interrumpe la funcionalidad de la aplicación. Los scripts de cada aplicación tienen diferentes dependencias: aplazar las ventanas emergentes de cortes incorrectos de Klaviyo, aplazar las revisiones de cortes incorrectos de Judge.me. Se requieren pruebas exhaustivas.
Entrega de CSS no optimizada
Impacto: Alto: retrasa la primera pintura entre 500 ms y 1,5 s
El archivo CSS de tu tema debe descargarse por completo antes de que el navegador pueda representar algo. Un tema típico de Shopify incluye entre 200 y 500 KB de CSS, pero solo se necesita entre un 10 y un 20 % para la ventana gráfica inicial (contenido de la mitad superior de la página). Tus visitantes esperan CSS que aún no necesitan.
La solución es extraer el CSS crítico (justo lo que se necesita para la primera pantalla), insertarlo directamente en el HTML y cargar la hoja de estilo completa de forma asincrónica. Esta es una de las optimizaciones más impactantes y una de las más difíciles de realizar manualmente.
⚡ Solución de Thunder
Thunder genera automáticamente CSS crítico para cada plantilla de página (página de inicio, producto, colección, etc.), lo incluye en el encabezado HTML y carga asíncrona la hoja de estilo completa. Se regenera automáticamente cuando cambia su tema.
🔧 Corrección manual
Utilice una herramienta como Critical (paquete npm) para extraer CSS en la mitad superior de la página. Incorpórelo en theme.liquid, luego cargue la hoja de estilo completa con media="imprimir" onload="this.media='all'". Necesita actualización cada vez que cambia su tema. Diferente por plantilla.
Demasiadas fuentes web (o estrategia de carga incorrecta)
Impacto: Medio-alto: agrega 300 ms a 1,5 s y provoca un cambio de diseño
Las fuentes web personalizadas son una de las pérdidas de rendimiento más furtivas. Cada peso de fuente (normal, negrita, cursiva) es una descarga de archivo independiente, normalmente de 20 a 100 KB cada una. Un tema que utiliza 4 pesos de una fuente de Google carga entre 80 y 400 KB de datos de fuente antes de que el texto sea visible.
Peor, sin visualización de fuente: intercambiar, el navegador muestra texto invisible (FOIT - Destello de texto invisible) hasta que se carguen las fuentes. Sus visitantes miran una página en blanco y se preguntan si la tienda no funciona.
⚡ Solución de Thunder
Thunder agrega visualización de fuente: intercambio para evitar texto invisible, precarga su archivo de fuente principal para una carga más rápida y optimiza la cascada de carga de fuentes. El texto se muestra inmediatamente en una fuente alternativa y luego cambia a su fuente personalizada cuando esté listo.
🔧 Corrección manual
Limite las fuentes a 2 grosores como máximo: normal y negrita. Aloje las fuentes en su propio sitio en lugar de usar Google Fonts. Añada font-display: swap a las reglas @font-face y precargue la fuente principal con <link rel="preload">. Considere usar fuentes del sistema para obtener la máxima velocidad.
Bucles de plantilla de líquido excesivos
Impacto: Medio: aumenta el tiempo de respuesta del servidor (TTFB) entre 200 ms y 1 s+
Este es invisible en los resultados de PageSpeed pero afecta a todo lo posterior. Los bucles Liquid complejos, como iterar sobre todos los productos en una colección grande, bucles anidados para opciones variantes o ejecutar búsquedas de metacampos dentro de bucles, hacen que los servidores de Shopify trabajen más, aumentando su tiempo hasta el primer byte (TTFB). Nuestro Guía de diagnóstico lento de Shopify explica cómo identificar exactamente qué plantillas están causando el cuello de botella.
Una plantilla de página de producto que recorre 100 productos para recomendaciones "También te pueden gustar", cada uno con bucles de variantes anidados, puede agregar más de 500 ms a TTFB. Eso retrasa todo: FCP, LCP, toda la cascada.
⚡ Solución de Thunder
Thunder no puede solucionar la complejidad de Liquid directamente (eso requiere cambios en el código del tema). Sin embargo, sus otras optimizaciones lo compensan: la entrega más rápida de CSS/JS recupera el tiempo perdido por la respuesta lenta del servidor.
🔧 Corrección manual
Reducir el número de productos de la página de colección (12 a 16 en lugar de 48+). Utilice paginación. Evite los bucles de Liquid anidados. Minimiza las búsquedas de metacampos dentro de los bucles. Usa Shopify límite filtro en bucles for. Considere la carga de AJAX para las secciones de "productos relacionados".
Imágenes de héroe no optimizadas
Impacto: Alto: la imagen principal suele ser el elemento LCP (agrega 1 a 4 al LCP)
Tu imagen de héroe/banner es casi siempre la Elemento de pintura con contenido (LCP) más grande : la métrica que más le importa a Google. Si no está optimizado (tamaño de archivo grande, dimensiones incorrectas, no precargado), acumula directamente su puntaje LCP, que es el 25% de su puntaje general de PageSpeed.
Errores comunes: cargar una imagen de 4000x3000px cuando el área de visualización es de 1600x600px, usar JPEG en lugar de WebP, no precargar la imagen principal y cargarla de forma diferida (debería ser ansioso-cargado ya que está en la mitad superior de la página). Para profundizar en cada técnica de imagen, consulte nuestro Optimización de imágenes de Shopify .
⚡ Solución de Thunder
Thunder precarga la imagen principal con alta prioridad, garantiza que se cargue con entusiasmo (no de forma diferida) y optimiza la cascada de carga para que la imagen principal comience a descargarse lo antes posible.
🔧 Corrección manual
Redimensione las imágenes principales a sus dimensiones reales de visualización. Comprímalas a menos de 200 KB. Use WebP; Shopify realiza la conversión automáticamente si utiliza el filtro image_tag. Añada loading="eager" fetchpriority="high" a la imagen principal y un enlace de precarga en el encabezado.
Faltan sugerencias de preconexión
Impacto: Medio: ahorra entre 100 y 300 ms por dominio de terceros
Cada vez que tu tienda carga un recurso de un dominio de terceros (fuentes de Google, scripts de Klaviyo, imágenes de un CDN), el navegador necesita realizar búsqueda DNS + conexión TCP + apretón de manos TLS. Esto toma 100–300ms por dominio.
Sugerencias de preconexión indica al navegador que inicie estas conexiones temprano, incluso antes de que descubra que las necesita. La mayoría de las tiendas Shopify se conectan a entre 5 y 15 dominios de terceros, pero se conectan previamente a ninguno de ellos.
⚡ Solución de Thunder
Thunder detecta automáticamente a qué dominios de terceros se conecta su tienda y agrega sugerencias de preconexión para los críticos. Se actualiza automáticamente a medida que cambian sus aplicaciones.
🔧 Corrección manual
Agregar <link rel="preconnect" href="https://domain.com"> a su encabezado theme.liquid para dominios críticos de terceros. Los más comunes: fonts.googleapis.com, cdn.shopify.com, cdn.klaviyo.com. Limite a 4 a 6 preconexiones; demasiadas pueden resultar contraproducentes.
Resolución DNS lenta
Impacto: Medio: agrega entre 50 y 500 ms antes de que algo comience a cargarse
Antes de que su tienda pueda siquiera comenzar a cargarse, el navegador del visitante debe resolver su nombre de dominio en una dirección IP. Si su proveedor de DNS es lento, esto agrega retraso a cada carga de página.
Muchos comerciantes utilizan el DNS predeterminado de su registrador de dominios, que suele ser lento. Actualizar a un proveedor de DNS rápido (como Cloudflare DNS) puede reducir entre 100 y 300 ms la carga de cada página, completamente gratis.
⚡ Solución de Thunder
Thunder no puede cambiar su proveedor de DNS, pero sus otras optimizaciones (preconexión, priorización de recursos) minimizan el impacto de DNS en las cargas de recursos posteriores durante la página.
🔧 Corrección manual
Cambie a Cloudflare DNS (gratis). Vaya a su registrador de dominio, actualice los servidores de nombres a los de Cloudflare. Esto por sí solo puede mejorar el TTFB entre 100 y 300 ms. Cloudflare también agrega una capa CDN global de forma gratuita. Tarda unos 15 minutos en configurarse.
Sobrecarga de la sección de la página de inicio
Impacto: Medio-Alto: cada sección agrega HTML, CSS, JS e imágenes
Los temas basados en secciones de Shopify facilitan la adición de bloques de contenido: presentación de diapositivas, colección destacada, testimonios, feed de Instagram, boletín informativo, publicaciones de blog, videos, mapas, temporizador de cuenta regresiva... Antes de que te des cuenta, tu página de inicio tiene más de 15 secciones.
Cada sección agrega HTML, CSS, JavaScript y, a menudo, imágenes a su página. Una página de inicio con 15 secciones puede tener fácilmente entre 3 y 5 MB de peso total de página. Más secciones = más código = carga más lenta.
⚡ Solución de Thunder
Thunder carga imágenes fuera de la pantalla de forma diferida y difiere secuencias de comandos no críticas en las secciones inferiores, lo que reduce el impacto de la carga inicial. Pero el HTML y CSS de todas las secciones aún se cargan; reducir las secciones es la única solución verdadera.
🔧 Corrección manual
Audita las secciones de tu página de inicio. Mantenga entre 5 y 8 como máximo. Eliminar o consolidar secciones de bajo valor. Pregunte: "¿Esta sección ayuda a los visitantes a comprar?" Si no, considere eliminarlo. Menos secciones = página de inicio más rápida = mejor primera impresión.
JavaScript en línea en plantillas líquidas
Impacto: Medio: bloquea la renderización y evita el almacenamiento en caché del navegador
Muchos temas y aplicaciones de Shopify inyectan <guión>
Etiquetas etiqueta directamente en las plantillas de Liquid, no como archivos externos, sino como bloques de código en línea. Este código bloquea la representación, el navegador no puede almacenarlo en caché (recarga cada página) y no se puede aplazar con un simple
Atributo aplazar .
Los scripts en línea son especialmente complicados porque a menudo dependen de variables de Liquid (como datos de productos), por lo que no se pueden mover simplemente a un archivo externo.
⚡ Solución de Thunder
Thunder intercepta y difiere scripts en línea cuando sea seguro, utilizando su motor de detección de aplicaciones para comprender las dependencias. Los scripts que dependen de los datos de Liquid se manejan con cuidado para mantener la funcionalidad y al mismo tiempo minimizar el impacto de la renderización.
🔧 Corrección manual
Ajustar scripts en línea en Contenido DOM cargado o solicitar devolución de llamada inactiva. Mueva código que no dependa de Liquid a archivos externos. uso tipo="módulo" para código moderno. Requiere pruebas cuidadosas: los scripts en línea a menudo tienen dependencias ocultas.
Conclusión
La mayoría de las tiendas Shopify lentas sufren de múltiples causas ocultas a la vez. La buena noticia: no necesitas arreglar los 10 manualmente. Thunder maneja los 7 más impactantes automáticamente, y los 3 restantes (código de aplicación sobrante, bucles de Liquid, sobrecarga de secciones) son correcciones manuales sencillas. Para obtener un tutorial completo, consulte nuestra guía completa de optimización de velocidad de Shopify.
Plan de acción rápida
- Instalar Thunder (gratis, 30 segundos): soluciona instantáneamente las causas n.° 2, n.° 3, n.° 4, n.° 6, n.° 7, n.° 10 y parcialmente la n.° 1
- Limpiar el código sobrante de la aplicación (30 minutos): tema de búsqueda de fragmentos de aplicaciones desinstaladas
- Reducir las secciones de la página de inicio (10 minutos): objetivo de 5 a 8 secciones como máximo
- Cambiar a DNS de Cloudflare (15 minutos): gratis, mejora TTFB a nivel mundial
- Optimizar bucles de líquidos (si es técnico): reduce el tamaño de la colección, evita bucles anidados
Comience con el mayor impacto y la solución más rápida
Thunder maneja automáticamente las optimizaciones de velocidad más estrictas. La mayoría de las tiendas obtienen +27 puntos PageSpeed en menos de un minuto.
Repara tu tienda lenta ahora — Gratis →Plan gratuito · Sin tarjeta de crédito · Funciona con todos los temas
🔄 Actualización de marzo de 2026: nuevos puntos de referencia de velocidad
- → El INP importa más que nunca. La actualización principal de Google de diciembre de 2025 penalizó a los sitios con puntuaciones INP superiores a 300 ms, lo que provocó caídas de clasificación del 31 % en dispositivos móviles. Los scripts pesados de terceros son la causa número uno de un INP deficiente. Vea nuestro Guía de reparación de INP de Shopify.
- → El 40% de los usuarios abandonan los sitios que se cargan en más de 3 segundos. (datos de 2025). Dado que la tienda Shopify promedio obtiene una puntuación de 25 a 35 en dispositivos móviles, la mayoría de las tiendas están dejando dinero sobre la mesa.
- → El enfoque de arreglarlo una vez no funciona. Cada nueva instalación de aplicación puede agregar entre 200 y 500 ms al tiempo de carga. Monitoreo continuo del desempeño es esencial.
¿Tienes curiosidad por saber cómo se compara tu tienda? Realiza una prueba de velocidad gratuita →
Preguntas frecuentes
¿Por qué mi tienda Shopify se carga tan lentamente?
Las causas ocultas más comunes son: código sobrante de aplicaciones desinstaladas, demasiados scripts que bloquean el renderizado de aplicaciones activas, imágenes no optimizadas, bucles excesivos en plantillas Liquid, CSS que bloquea el renderizado, demasiadas fuentes web, resolución DNS lenta, secciones pesadas en la página de inicio, scripts de terceros no optimizados y encabezados de caché del navegador faltantes. La mayoría de las tiendas tienen 3–5 de estos problemas simultáneamente. Thunder Page Speed Optimizer soluciona la mayoría de estos automáticamente.
¿Cómo puedo encontrar lo que hace que mi tienda Shopify sea lenta?
Ejecute su tienda a través de Google PageSpeed Insights (pagespeed.web.dev) y observe las secciones 'Oportunidades' y 'Diagnóstico'. Señales de alerta comunes: "Eliminar recursos que bloquean el procesamiento", "Reducir JavaScript no utilizado", "Imágenes con el tamaño adecuado" y "Reducir CSS no utilizado". También puede consultar el código de su tema para ver fragmentos de aplicaciones sobrantes y usar la pestaña Red de Chrome DevTools para ver qué scripts tardan más en cargarse.
¿El propio Shopify ralentiza mi tienda?
Parcialmente. Los scripts de la plataforma de Shopify (pago, análisis, procesamiento de pagos) consumen una base de referencia de tu presupuesto de rendimiento. No puedes eliminarlos: son necesarios para que tu tienda funcione. Sin embargo, la sobrecarga de la plataforma es pequeña en comparación con lo que agregan los temas y aplicaciones. La buena noticia es que Thunder optimiza los scripts principales de Shopify, posponiendo todo lo que se puede retrasar de forma segura.
¿Desinstalar las aplicaciones de Shopify puede acelerar mi tienda?
Sí, pero con una advertencia importante: desinstalar una aplicación desde la administración de Shopify no siempre elimina su código de su tema. Muchas aplicaciones inyectan etiquetas de script, CSS y fragmentos de Liquid en su theme.liquid y en la carpeta de fragmentos. Usted necesita verificar y eliminar manualmente este código sobrante. Thunder adopta un enfoque diferente: en lugar de eliminar aplicaciones, optimiza cómo se cargan sus scripts.
¿Cuántas aplicaciones son demasiadas para la velocidad de Shopify?
No hay un número mágico; depende de lo que hagan las aplicaciones. Cinco aplicaciones bien optimizadas pueden ser más ligeras que dos mal codificadas. El verdadero problema es cuántos scripts inyecta cada aplicación en su escaparate. Las aplicaciones que añaden ventanas emergentes, widgets de chat, análisis y sistemas de revisión tienden a ser las más pesadas. El motor de detección de aplicaciones de Thunder optimiza los scripts de 200+ aplicaciones, para que usted pueda mantener las aplicaciones que necesita sin la penalización de velocidad.
¿Un tema de Shopify más rápido solucionará mi carga lenta?
Un tema establece tu línea base de rendimiento, pero no solucionará todos los problemas de velocidad. Incluso el tema más rápido (como Dawn) puede resultar lento si tiene muchas aplicaciones, imágenes grandes no optimizadas o secciones excesivas en la página de inicio. Cambiar de tema es un gran proyecto: primero intente optimizar su configuración actual con Thunder, que funciona con cualquier tema.
¿Cómo soluciono el código de aplicación sobrante en mi tema de Shopify?
Revise el archivo theme.liquid de su tema en busca de etiquetas de script y etiquetas de enlace de aplicaciones que haya desinstalado. También revise las carpetas de fragmentos (snippets) y secciones en busca de archivos con nombres de aplicaciones eliminadas. Tenga cuidado: eliminar el código incorrecto puede dañar su tienda. Siempre duplique su tema antes de realizar cambios. Si esto le parece arriesgado, Thunder gestiona automáticamente la optimización de scripts sin modificar el código de su tema.
¿El tamaño de la imagen realmente afecta la velocidad de carga de Shopify?
Absolutamente. Las imágenes suelen ser los activos más grandes de cualquier tienda Shopify. Una sola imagen principal no optimizada puede tener entre 2 y 5 MB, lo que agrega entre 2 y 5 segundos de tiempo de carga en el dispositivo móvil. Mejores prácticas: comprimir imágenes a menos de 200 KB, usar la conversión WebP integrada de Shopify, establecer atributos explícitos de ancho y alto y cargar imágenes de forma diferida en la mitad inferior de la página. Thunder maneja automáticamente la carga diferida y la precarga de imágenes destacadas.