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.
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.
Leftover Code from Uninstalled Apps
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.
We've seen stores with code from 10+ uninstalled apps still loading. Each one adds JavaScript and CSS that the browser has to download, parse, and execute — even though the app does nothing.
⚡ Solución de trueno
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 tu tienda (reseñas, ventanas emergentes, chat, ventas adicionales) inyecta JavaScript que blocks your page from rendering. El navegador debe descargar, analizar y ejecutar cada script antes de poder mostrar el contenido de su página.
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 trueno
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 trueno
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 trueno
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
Límite a 2 pesos de fuente como máximo (normal + negrita). Fuentes autohospedadas en lugar de Google Fonts. Añadir visualización de fuente: intercambiar a las reglas @font-face. Precarga tu fuente principal con
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 trueno
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 trueno
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
Cambiar el tamaño de las imágenes principales a las dimensiones de visualización reales. Comprimir a menos de 200 KB. Utilice el formato WebP (Shopify convierte automáticamente si utiliza etiqueta_imagen
El filtro). Añadir cargando="ansioso" fetchpriority="alto" a la imagen del héroe. Agregue un enlace de precarga en el encabezado.
Faltan sugerencias de preconexión
Impacto: Medio: ahorra entre 100 y 300 ms por dominio de terceros
Every time your store loads a resource from a third-party domain (fonts from Google, scripts from Klaviyo, images from a CDN), the browser needs to perform DNS lookup + TCP connection + TLS handshake. This takes 100–300ms per domain.
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 trueno
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 trueno
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 trueno
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 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 trueno
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
Most slow Shopify stores suffer from multiple hidden causes at once. The good news: 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 Trueno (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?
The most common hidden causes are: leftover code from uninstalled apps, too many render-blocking scripts from active apps, unoptimized images, excessive Liquid template loops, render-blocking CSS, too many web fonts, slow DNS resolution, heavy homepage sections, unoptimized third-party scripts, and missing browser caching headers. Most stores have 3–5 of these issues simultaneously. Thunder Page Speed Optimizer fixes the majority of these automatically.
¿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?
Yes, but with an important caveat: uninstalling an app from the Shopify admin doesn't always remove its code from your theme. Many apps inject script tags, CSS, and Liquid snippets into your theme.liquid and snippets folder. You need to manually check for and remove this leftover code. Thunder takes a different approach — instead of removing apps, it optimizes how their scripts load.
¿Cuántas aplicaciones son demasiadas para la velocidad de Shopify?
There's no magic number — it depends on what the apps do. Five well-optimized apps can be lighter than two poorly coded ones. The real issue is how many scripts each app injects into your storefront. Apps that add pop-ups, chat widgets, analytics, and review systems tend to be the heaviest. Thunder's app detection engine optimizes scripts from 200+ apps, so you can keep the apps you need without the speed penalty.
¿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?
Check your theme's theme.liquid file for script tags and link tags from apps you've uninstalled. Also check the snippets and sections folders for files named after removed apps. Be careful — removing the wrong code can break your store. Always duplicate your theme before making changes. If this sounds risky, Thunder automatically handles script optimization without modifying your theme code.
¿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.