Opción A: omitir el diagnóstico: arreglar todo de una vez
Diagnosticar problemas de velocidad es valioso si desea comprender su tienda. Pero si sólo quieres que lo arreglen, Thunder Page Speed Optimizer maneja los cuellos de botella más comunes automáticamente — sin necesidad de identificarlos primero.
Piénsalo así: tú podría dedica una hora a diagnosticar por qué tu auto hace un ruido extraño, o puedes llevarlo a un mecánico que lo repare en 10 minutos. Thunder es esa mecánica para la velocidad de Shopify: consulta nuestra planes y precios para ver qué se adapta a tu tienda.
Lo que Thunder diagnostica y repara automáticamente:
Plan gratuito disponible · No se requiere tarjeta de crédito · Promedio: +27 puntos
Quiero entender por qué ¿tu tienda es lenta? El diagnóstico paso a paso a continuación le mostrará exactamente lo que está pasando.
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.
Obtenga su puntuación inicial
Antes de cambiar algo, establece tu posición. tu puedes realiza una prueba de velocidad gratuita usando nuestra herramienta, o vaya directamente a Estadísticas de PageSpeed de Google:
- 1. Ir a pagespeed.web.dev
- 2. Ingrese la URL de su tienda (p. ej.,
tutienda.myshopify.como su dominio personalizado) - 3. Espere el análisis (tarda entre 15 y 30 segundos)
- 4. Captura de pantalla o anota tu Puntuación móvil Puntuación : esta es la que más importa
- 5. Ejecútelo 3 veces y promediar las puntuaciones (las pruebas individuales son ruidosas)
¿Por qué móvil? Google utiliza el rendimiento móvil para señales de clasificación SEO. La prueba móvil también simula un dispositivo más lento (aceleración de CPU 4x, 4G simulado), lo que hace que los problemas sean más visibles. Si su puntaje móvil es bueno, es casi seguro que su computadora de escritorio también lo será.
Pruebe también estas páginas (no solo tu página de inicio):
- → Una página de producto (tu mejor vendedor)
- → Una página de colección (tu colección más grande)
- → Tu página de carrito
Diferentes páginas tienen diferentes perfiles de rendimiento. Su página de inicio puede obtener una puntuación de 50, mientras que la página de su colección obtiene una puntuación de 30 porque carga 50 imágenes de productos.
Lea el diagnóstico (no solo la puntuación)
La puntuación es solo un número; el valor real está en el diagnóstico que se encuentra debajo. PageSpeed Insights desglosa su rendimiento en métricas específicas y le ofrece recomendaciones prácticas. Para obtener un tutorial estructurado, siga nuestro guía de auditoría de velocidad.
Las 5 métricas a comprobar
Tiempo total de bloqueo
Bueno: <200ms · Malo: >600ms · Peso: 30%
Pintura con contenido más grande
Bueno: <2,5s · Malo: >4s · Peso: 25%
Cambio de diseño acumulativo
Bueno: <0,1 · Malo: >0,25 · Peso: 25%
Primera pintura con contenido
Bueno: <1,8s · Malo: >3s · Peso: 10%
Índice de velocidad
Bueno: <3,4s · Malo: >5,8s · Peso: 10%
Qué buscar
Desplácese hacia abajo hasta "Oportunidades" y "Diagnóstico" secciones. Estos le indican exactamente qué solucionar, ordenados por impacto estimado. Hallazgos comunes para las tiendas Shopify:
💡 Consejo profesional: Los dos primeros elementos (recursos de bloqueo de renderizado y código de terceros) son casi siempre los mayores culpables en las tiendas Shopify. Si se muestran en rojo, ese es su punto de partida. Thunder aborda ambos problemas automáticamente.
Comprobar qué se está cargando (Cascada de red)
PageSpeed Insights te informa qué es lento. La cascada de red en Chrome DevTools te muestra exactamente cómo carga de recursos: el orden, el tiempo y las dependencias.
Cómo ver la cascada de red
- 1. Abre tu tienda en Chrome
- 2. Presione F12 (o haga clic derecho → "Inspeccionar")
- 3. Haga clic en Pestaña Red
- 4. Marque "Desactivar caché" en la parte superior
- 5. Recargar la página (Ctrl+R)
- 6. Mira el gráfico de cascada a la derecha
Qué buscar en la cascada
Barras largas en la parte superior = Bloqueadores de renderizado
Los scripts y archivos CSS que se cargan temprano y tardan mucho tiempo bloquean todo lo que hay debajo de ellos. Estos son sus objetivos de mayor prioridad.
Muchas solicitudes a diferentes dominios = sobrecarga de terceros
Filtre por "terceros" para ver a cuántos dominios externos se conecta su tienda. Cada uno es una búsqueda de DNS + conexión + descarga. Más de 15 dominios de terceros es una señal de alerta.
Barras azules/púrpuras grandes = Descargas grandes
Ordene por "Tamaño" para encontrar los archivos más grandes. Vale la pena investigar las imágenes de más de 200 KB y los scripts de más de 100 KB.
Recuento total de solicitudes
Consulte la barra de estado inferior para conocer el total de solicitudes y el tamaño de la transferencia. Una tienda Shopify optimizada típica carga entre 40 y 60 solicitudes. Más de 100 solicitudes indican un aumento significativo.
Truco rápido: En el cuadro de filtro de la pestaña Red, escriba dominio:*.js para ver solo archivos JavaScript. Cuéntalos. Si ve más de 20 archivos JS cargándose al cargar la página, su problema es la sobrecarga de scripts, y el aplazamiento de scripts de Thunder es la solución más rápida.
Identificar el mayor cuello de botella
Ahora que tienes los datos, categoriza el problema principal de tu tienda. La mayoría de los problemas de velocidad de Shopify se incluyen en uno de estos cuatro grupos. Una vez que identifiques el tuyo, nuestra guía sobre Shopify cargando correcciones lentas lo guía a través de soluciones específicas para cada uno.
🔴 Inflación de guión
Síntomas: TBT alto (>600 ms), advertencia "Eliminar recursos que bloquean el procesamiento", muchos archivos JS en cascada, advertencia "Reducir código de terceros"
Causa: Demasiadas aplicaciones, scripts no aplazados, código de seguimiento pesado
Thunder soluciona esto automáticamente ✅
🟠 Imagen hinchada
Síntomas: LCP alto (>4 s), advertencia "Imágenes de tamaño adecuado", tamaño de transferencia grande, índice de velocidad lento
Causa: Imágenes de gran tamaño, falta carga diferida, sin conversión WebP
Thunder soluciona esto automáticamente ✅
🟡 Tema hinchado
Síntomas: Lento incluso sin aplicaciones, archivos CSS grandes (>200 KB), advertencias "Reducir CSS/JS no utilizados", DOM grande
Causa: Tema pesado de terceros con funciones excesivas
Thunder mejora significativamente esto ✅
🔵 Lentitud del servidor
Síntomas: TTFB alto (>500 ms), FCP lento, barra verde larga al inicio de la cascada
Causa: Plantillas Liquid complejas, consultas de recopilación pesadas, demasiadas secciones
Requiere optimización manual de líquidos
La mayoría de las tiendas tienen varios problemas. Eso es normal. La buena noticia es que Thunder aborda los 3 principales grupos (incremento de script, aumento de imágenes y aumento de temas) automáticamente. Si su principal problema es la lentitud del servidor, Thunder todavía ayuda al hacer que el navegador procese todo más rápido una vez que llega.
Prueba con aplicaciones deshabilitadas (la prueba de aislamiento)
La prueba más reveladora que puedes ejecutar: comprueba tu velocidad con todas las aplicaciones desactivadas. This tells you exactly how much of your speed problem comes from apps vs. your theme. For a deep dive on app-related slowdowns, see our analysis of cómo los scripts de terceros afectan el rendimiento de Shopify.
Cómo ejecutar la prueba de aislamiento
- 1. En el administrador de Shopify, ve a Configuración → Aplicaciones y canales de venta
- 2. Deshabilite temporalmente todas las aplicaciones integradas (Tienda en línea → Temas → Personalizar → Alternar aplicaciones integradas)
- 3. Ejecute PageSpeed Insights en su tienda
- 4. Compare this score to your baseline from Step 1
- 5. Vuelva a habilitar la inserción de aplicaciones cuando haya terminado
Interpretación de los resultados
¿La puntuación aumentó más de 20 puntos con las aplicaciones deshabilitadas? Las aplicaciones son tu principal cuello de botella. Este es el resultado más común y exactamente lo que Thunder soluciona al aplazar los scripts de las aplicaciones.
¿La puntuación apenas cambió? Tu tema es el cuello de botella. Considere cambiar a un tema más ligero o use Thunder para optimizar cómo se cargan CSS y JS del tema.
¿La puntuación mejoró entre 10 y 15 puntos? It's a mix of apps and theme. Both contribute. Thunder addresses both — defers app scripts and inlines critical CSS from your theme.
⚠️ Importante: Deshabilitar la inserción de aplicaciones en el editor de temas no afecta a todas las aplicaciones. Algunos inyectan código directamente en tema.liquido a través de ScriptTag API o inserción manual de código. Para una verdadera prueba de aislamiento, necesitaría crear un tema duplicado no publicado con todo el código de la aplicación eliminado manualmente, lo cual supone mucho trabajo. El enfoque de Thunder es más simple: posponga todo y mantenga sus aplicaciones funcionando.
Verificar datos reales del usuario (campo vs laboratorio)
La puntuación de velocidad son datos de laboratorio: condiciones simuladas en un dispositivo acelerado. Pero Google también recopila datos reales del usuario de los usuarios de Chrome que visitan tu tienda. Esto es lo que realmente importa para el SEO.
En PageSpeed Insights, busque el "Descubre lo que están experimentando tus usuarios reales" section at the top. This shows Core Web Vitals from actual visitors over the last 28 days.
LCP
Pintura con contenido más grande
Bueno: ≤ 2,5 s
Deficiente: > 4.0s
INP
Interacción con la siguiente pintura
Bueno: ≤ 200ms
Deficiente: > 500ms
CLS
Cambio de diseño acumulativo
Bueno: ≤ 0,1
Pobre: > 0,25
Si los datos de su campo aparecen todos en verde (aprobado), su desempeño en el mundo real está bien, incluso si su puntaje de laboratorio parece malo. La puntuación del laboratorio es más estricta porque simula las peores condiciones.
Si los datos de su campo se muestran en rojo, es un problema real que afecta a clientes reales y su clasificación de búsqueda. Aquí es donde la optimización de la velocidad tiene el mayor retorno de la inversión. Nuestro Guía de optimización de la tienda Shopify cubre las soluciones más impactantes para empezar.
Para obtener una comparación de todas las herramientas de prueba mencionadas en esta guía, incluido cuándo usar cada una, consulte nuestro resumen de las las mejores herramientas de prueba de velocidad de Shopify. Y una vez que haya diagnosticado y solucionado los problemas, configure monitoreo continuo del desempeño para detectar regresiones futuras antes de que perjudiquen las conversiones.
Patrones de diagnóstico comunes (lo que vemos con más frecuencia)
Después de analizar miles de tiendas Shopify, estos son los patrones más comunes que vemos. Si desea tomar medidas prácticas después de identificar su patrón, lea nuestra publicación en cómo acelerar tu tienda Shopify.
🏪 Patrón 1: "El recopilador de aplicaciones" (más común: ~60 % de las tiendas)
Puntuación: 20-40 · TBT: 1500 ms+ · Más de 15 aplicaciones instaladas · Carga de más de 30 archivos JS
Diagnóstico: La tienda ha acumulado aplicaciones durante meses/años. Cada uno parecía pequeño, pero juntos crean un enorme cuello de botella en el guión. La tienda obtendría una puntuación superior a 70 sin los scripts de la aplicación.
Solución: Thunder pospone todos los scripts de aplicaciones → mejora inmediata de 20 a 30 puntos. Luego audite las aplicaciones y elimine las que no utilice para obtener beneficios adicionales.
🎨 Patrón 2: "El tema pesado" (~25% de las tiendas)
Puntuación: 30-50 · FCP: 3s+ · Grandes paquetes CSS/JS · Lento incluso con 0 aplicaciones
Diagnóstico: Tema premium con toneladas de funciones (megamenú, animaciones, múltiples motores de diseño). Carga más de 300 KB de CSS y más de 200 KB de JS en cada página, independientemente de las funciones que se utilicen.
Solución: Thunder incluye CSS crítico y difiere el resto → Mejora de 15 a 20 puntos. Para obtener las máximas ganancias, considere cambiar al tema Dawn o Refresh.
📸 Patrón 3: "La imagen pesada" (~10% de las tiendas)
Puntuación: 35-55 · LCP: 5s+ · Peso total de página grande (5 MB+) · Advertencia "Imágenes con el tamaño adecuado"
Diagnóstico: Fotos de productos e imágenes de estilo de vida de alta resolución cargadas en tamaño completo sin optimización. Presentación de diapositivas Hero con 5 imágenes de 3 MB sin comprimir. Sin carga diferida para el contenido de la mitad inferior.
Solución: Thunder carga imágenes fuera de pantalla de forma diferida y precarga la imagen LCP → Mejora de 10 a 15 puntos. También comprima y cambie manualmente el tamaño de las imágenes más grandes para obtener ganancias adicionales.
🔀 Patrón 4: "Todo lo anterior" (~5% de las tiendas)
Puntuación: 10-25 · Todo rojo · Aplicación extrema + tema + imagen hinchada
Diagnóstico: Tema pesado + 20+ aplicaciones + imágenes no optimizadas + múltiples scripts de seguimiento. La tienda tarda entre 8 y 12 segundos en volverse interactiva en el móvil. Normalmente tiendas de larga trayectoria que han crecido de forma ecológica.
Solución: Trueno → mejora inmediata de 25-35 puntos. Luego, aborde sistemáticamente: elimine aplicaciones no utilizadas, comprima imágenes, considere un tema más ligero. Trabaje por etapas; no intente arreglar todo de una vez.
Uso del panel de Thunder para monitoreo continuo
Ejecutar pruebas manuales de PageSpeed Insights es excelente para el diagnóstico, pero necesita un seguimiento continuo para detectar regresiones. Instalar una nueva aplicación, actualizar su tema o agregar un píxel de marketing puede reducir su puntaje de la noche a la mañana.
El panel de Thunder proporciona:
📊 Seguimiento diario de velocidad
Pruebas automáticas diarias de Lighthouse en sus páginas clave. Vea su promedio de 7 días en lugar de depender de pruebas únicas y ruidosas. Detecte tendencias antes de que se conviertan en problemas.
📈 Comparación antes/después
Mira exactamente cuánto Thunder mejoró tu puntuación. Compare su rendimiento optimizado con el no optimizado para cuantificar el ROI.
🔔 Alertas de regresión
Recibe una notificación si tu puntuación baja significativamente, lo que suele ser una señal de que una nueva aplicación o actualización de tema introdujo un problema de rendimiento.
🎯 Desglose de métricas
Vea métricas individuales (LCP, TBT, CLS, FCP, SI) rastreadas a lo largo del tiempo. Comprenda qué áreas específicas mejoraron y cuáles aún necesitan mejorar.
Diagnosticar + Reparar + Monitorear: aplicación todo en uno
Thunder no solo optimiza: monitorea su tienda diariamente para que siempre sepa dónde se encuentra.
Comience a monitorear gratis →El plan gratuito incluye monitoreo diario de velocidad · No se requiere tarjeta de crédito
Preguntas frecuentes
¿Cómo sé si mi tienda Shopify es realmente lenta?
Ejecute la URL de su tienda a través de Google PageSpeed Insights (pagespeed.web.dev). Si su puntuación móvil es inferior a 50, su tienda tiene importantes problemas de velocidad. También verifique si la sección 'datos de campo' muestra Core Web Vitals fallidos (LCP, CLS o INP rojos). Para una prueba rápida en el mundo real, abra su tienda en su teléfono usando datos móviles: si tarda más de 3 segundos en ver el contenido, los clientes están rebotando.
¿Cuál es la causa más común de una tienda Shopify lenta?
Render-blocking JavaScript from installed apps is the #1 cause. Each Shopify app can inject scripts that prevent your page from rendering until they've loaded. A store with 10-15 apps often has 1-3 seconds of unnecessary blocking time. Thunder Page Speed Optimizer defers these scripts automatically, which is why it typically improves scores by 27+ points.
¿Puedo diagnosticar problemas de velocidad sin conocimientos técnicos?
Sí. Google PageSpeed Insights le ofrece una puntuación y recomendaciones en lenguaje sencillo. El panel de Thunder muestra tus tendencias diarias de velocidad y destaca los problemas más importantes en términos simples. Para un análisis más profundo, la pestaña Lighthouse de Chrome DevTools proporciona diagnósticos detallados, pero las dos primeras herramientas son suficientes para que la mayoría de los comerciantes identifiquen el problema.
¿Por qué mi tienda Shopify va lenta solo en dispositivos móviles?
Las pruebas de velocidad móvil simulan un teléfono de nivel medio con una CPU acelerada (4 veces más lenta que una computadora portátil) y una red 4G. JavaScript que se ejecuta en 200 ms en una computadora de escritorio tarda más de 800 ms en un dispositivo móvil simulado. Esta es la razón por la que la optimización de guiones tiene un impacto tan dramático en las puntuaciones móviles. Tu tienda puede parecer rápida en tu MacBook pero terrible en un teléfono Android económico, que es lo que usan la mayoría de tus clientes.
¿Con qué frecuencia debo verificar la velocidad de mi tienda Shopify?
Verifique después de cualquier cambio significativo: instalar/eliminar aplicaciones, actualizar su tema, agregar nuevas secciones o cambiar imágenes. Para un monitoreo continuo, Thunder rastrea su velocidad diariamente y le alerta sobre regresiones. Como mínimo, haz un chequeo mensual usando PageSpeed Insights. No revises obsesivamente: los puntajes de las pruebas individuales varían naturalmente entre 5 y 10 puntos.
¿Qué herramientas necesito para diagnosticar problemas de velocidad de Shopify?
Comience con Google PageSpeed Insights (gratis, no necesita instalación) para obtener una puntuación general y recomendaciones. Utilice la pestaña Red de Chrome DevTools para ver qué se está cargando y cuánto tiempo lleva. Para un seguimiento continuo, el panel de Thunder realiza un seguimiento diario de su puntuación e identifica los mayores obstáculos. GTmetrix y WebPageTest son buenas herramientas complementarias para el análisis en cascada.