Por qué es importante la velocidad de Shopify (los datos)
Antes de profundizar en los métodos, veamos por qué vale la pena el esfuerzo de aumentar la velocidad de tu sitio web Shopify. La investigación es clara:
+8.4%
conversiones por 0,1 s de tiempo de carga más rápido
Google/Deloitte 2020
53%
de los visitantes móviles se van después de 3 segundos
Google/SOASTA 2017
2.5×
más ventas con un tiempo de carga de 1 s frente a 5 s
Shopify 2023
La velocidad también afecta tu clasificación en Google. Desde junio de 2021, Google utiliza Core Web Vitals como señal de clasificación. Las tiendas más rápidas tienen una clasificación más alta, obtienen más tráfico orgánico y convierten una mayor parte de ese tráfico en ventas.
La tienda Shopify promedio obtiene una puntuación de entre 30 y 60 en Google PageSpeed Insights. ¿No estás seguro de dónde se encuentra el tuyo? Realiza una prueba de velocidad gratuita para obtener su punto de referencia. Eso significa la mayoría de las tiendas tienen un margen de mejora significativo : y cada punto obtenido se traduce en ingresos reales.
Si desea un enfoque estructurado, nuestro Lista de verificación de optimización de la tienda Shopify recorre cada corrección de velocidad en orden. Para estimaciones de costos, consulte nuestro desglose de Costos de optimización de velocidad de Shopify.
Optimización de la velocidad de Shopify en 2026: qué ha cambiado
La optimización de la velocidad de Shopify ha evolucionado significativamente. Esto es lo más importante en 2026:
INP reemplaza a FID como Core Web Vital
Google reemplazó el retraso de la primera entrada con Interacción con la siguiente pintura (INP) en marzo de 2024. El INP mide la capacidad de respuesta en todos interacciones, no solo la primera. Esto hace que la optimización de JavaScript sea aún más crítica: los scripts pesados que bloquean el hilo principal ahora perjudican su clasificación durante toda la sesión del usuario.
La tienda Shopify promedio obtiene una puntuación de 25 a 45 en dispositivos móviles
Basado en nuestro 2026 Puntos de referencia de velocidad de Shopify, la tienda típica con más de 10 aplicaciones obtiene una puntuación de entre 25 y 45 en PageSpeed móvil. Las tiendas optimizadas con Thunder promedian entre 55 y 75. La brecha entre las tiendas optimizadas y no optimizadas se ha ampliado a medida que las aplicaciones se vuelven más pesadas en JavaScript.
La búsqueda impulsada por IA recompensa las páginas rápidas y completas
Las descripciones generales de IA de Google y otras herramientas de búsqueda de IA citan cada vez más páginas bien estructuradas y de carga rápida. La optimización de la velocidad ya no se trata solo de clasificaciones, sino de ser la fuente que recomienda la IA. Las páginas que pasan Core Web Vitals tienen más probabilidades de ser citadas en las respuestas generadas por IA. Aprende como Optimización de velocidad impulsada por IA está cambiando las reglas del juego para los comerciantes de Shopify.
El resultado final: La optimización de la velocidad de Shopify es más importante que nunca en 2026. Los métodos siguientes están ordenados por impacto: comience con el número 1 para obtener la victoria más rápida y luego vaya bajando según su nivel de comodidad técnica. Para obtener una descripción más amplia de lo que afecta su Puntuación de velocidad de Shopify, consulte nuestra guía dedicada.
Instalar Thunder Page Speed Optimizer
Si deseas lograr la mayor mejora de velocidad con el menor esfuerzo, comienza aquí. Thunder Page Speed Optimizer maneja automáticamente las optimizaciones más impactantes, las mismas que tardan horas o días en realizarse manualmente (métodos 4, 5, 6 y parcialmente 2 y 8 a continuación).
Qué Thunder optimiza automáticamente:
Aplazamiento del guión
Aplaza todo el JavaScript que bloquea el procesamiento, incluidos los scripts de aplicaciones de terceros que no puedes controlar manualmente
Incorporación de CSS crítico
Extrae CSS de la mitad superior de la página y lo alinea, cargando el resto de forma asincrónica
Optimización de imagen
Carga diferida imágenes fuera de pantalla y precarga la imagen principal para un mejor LCP
Optimización de fuentes
Precarga fuentes críticas, agrega visualización de fuentes: intercambio, elimina el flash de texto invisible
Preconexión y captación previa
Establece conexiones tempranas a dominios críticos de terceros
Monitoreo diario
Realiza un seguimiento diario de tu puntuación de velocidad para que puedas ver la tendencia, no solo pruebas ruidosas individuales
Mejora media: +27 puntos PageSpeed
Stores typically jump from red (30–45) to orange/green (55–75+) within minutes. Stores with more apps see the biggest gains because Thunder optimizes all those app scripts automatically.
Plan gratuito disponible · No se requiere tarjeta de crédito · Instalación en 30 segundos · Funciona con todos los temas
Ver planes de precios para obtener todos los detalles.
Optimizar y comprimir imágenes
Las imágenes no optimizadas son el factor que reduce la velocidad más común en las tiendas Shopify. Una sola imagen destacada del producto de 3 MB puede agregar más de 2 segundos al tiempo de carga en el dispositivo móvil. Para una inmersión profunda, vea nuestro completo Guía de optimización de imágenes de Shopify.
Qué hacer:
- → Usar formato WebP : entre un 25 % y un 35 % más pequeño que JPEG con la misma calidad. El CDN de Shopify sirve WebP automáticamente si usas el
Filtro
imagen_url. - → Comprimir al 80% de calidad : visualmente idéntico al 100%, pero con un tamaño de archivo entre un 40% y un 60% más pequeño.
- → Establecer ancho y alto explícitos : evita cambios de diseño (CLS) cuando se cargan las imágenes.
- → Cambiar el tamaño de las imágenes para mostrar el tamaño : no cargue imágenes de 4000×4000px si se muestran a 800×800px.
- → Uso
cargando="perezoso"en las imágenes de la mitad inferior de la página (pero NO en la imagen principal).
Antes/Después: Una tienda típica con más de 20 imágenes de productos no optimizadas puede ahorrar entre 5 y 10 MB de peso de página, reducir el LCP entre 1 y 3 segundos y ganar entre 5 y 15 puntos PageSpeed.
Eliminar aplicaciones no utilizadas
Cada aplicación de Shopify que inyecta código de interfaz ralentiza tu tienda. Widgets de chat, aplicaciones de revisión, herramientas emergentes, widgets de ventas adicionales: cada uno agrega JavaScript y CSS que bloquea la renderización. La tienda Shopify promedio tiene más de 20 aplicaciones y la mayoría de los comerciantes tienen entre 3 y 5 que no usan activamente.
Ir a Configuración → Aplicaciones y canales de venta y pregúntate: "¿Esta aplicación me hace ganar más dinero de lo que cuesta en velocidad?" Si no, desinstálelo.
⚠️ Advertencia: Uninstalling an app doesn't always remove its code from your theme. Many apps leave behind script tags, CSS, and Liquid snippets that continue to slow your store. See Método #12 sobre cómo limpiar el código sobrante de la aplicación.
Aplazar JavaScript de bloqueo de renderizado
Recursos de bloqueo de renderizado son el factor más importante en tu puntuación de PageSpeed. archivos JavaScript en el <head> prevent the browser from rendering anything until they download and execute.
La solución es agregar aplazar o asíncrono atributos a etiquetas de script. ¿El problema? La mayoría de los scripts de bloqueo de renderizado en Shopify provienen de aplicaciones de terceros : y no puedes editar esas etiquetas de secuencia de comandos directamente. Aplazarlos manualmente requiere interceptar el DOM, lo que corre el riesgo de alterar la funcionalidad de la aplicación.
⚠️ Riesgo: El aplazamiento incorrecto de secuencias de comandos puede interrumpir los flujos de pago, los widgets de revisión, la funcionalidad de chat y más. Cada aplicación tiene diferentes cadenas de dependencia. Esta es la razón número uno por la que los comerciantes utilizan Thunder: asigna estas dependencias y difiere los scripts de forma segura.
Antes/Después: Aplazar los scripts de bloqueo de renderizado normalmente reduce el TBT entre 1 y 3 segundos y mejora la PageSpeed entre 10 y 25 puntos. Es la optimización individual de mayor impacto para la mayoría de las tiendas.
CSS crítico en línea
Hojas de estilo CSS en el <head> bloquean el procesamiento de forma predeterminada. El navegador no pintará nada hasta que se descarguen y analicen todos los CSS. La solución: extraiga el CSS necesario para el contenido de la mitad superior de la página, inclúyalo directamente en el HTML y cargue la hoja de estilo completa de forma asincrónica.
Esto suena sencillo pero es notoriamente difícil en la práctica. Necesita diferentes CSS críticos para cada plantilla de página (página de inicio, producto, colección, carrito), se rompe cuando cambia el tema y generar CSS crítico preciso requiere un navegador sin cabeza. Thunder hace esto automáticamente para cada plantilla de página y la regenera cuando cambia su tema.
Antes/Después: La incorporación de CSS crítico normalmente mejora el FCP entre 0,5 y 1,5 segundos y agrega entre 5 y 15 puntos de PageSpeed.
Optimizar fuentes web
Las fuentes web son un asesino de velocidad oculto. Cada peso de fuente es una descarga independiente (50 a 150 KB) y los navegadores suelen ocultar el texto hasta que se cargan las fuentes, un fenómeno llamado FOIT (Flash of Invisible Text).
Lista de verificación de optimización de fuentes:
- → Agregar
visualización de fuente: intercambiara todas las declaraciones @font-face - → Precarga tu fuente principal con
- → Límite a 2 pesos de fuente como máximo (normal + negrita)
- → Self-host fonts instead of loading from Google Fonts
- → Utilice el formato WOFF2 (30% más pequeño que WOFF)
Utilice un tema ligero
Tu tema establece el escenario de actuación. Algunos temas incluyen más de 500 KB de CSS y JavaScript antes de que se cargue el contenido. Temas gratuitos de Shopify: Amanecer, refrescarse, crear y sentir : están creados con estándares web modernos y son significativamente más rápidos que la mayoría de los temas de terceros.
Para una comparación detallada, consulte nuestro Guía temas de Shopify más rápidos Guía . Cambiar de tema es un gran proyecto, así que compare el beneficio de la velocidad con el esfuerzo de migración.
Carga diferida de contenido en la mitad inferior de la página
La carga diferida difiere la descarga de imágenes, videos e iframes que no son visibles cuando la página se carga por primera vez. Esto reduce el peso de la página inicial y acelera la primera pintura significativa.
Agregar cargando="perezoso" a todas las imágenes e iframes en la mitad inferior de la página. pero no lo hagas carga de forma diferida tu imagen de héroe o elemento LCP; eso empeorará tu puntuación LCP. uso cargando="ansioso" o fetchpriority="alta" para la imagen principal.
Preconexión a dominios de terceros
When your store loads resources from third-party domains (CDNs, analytics, fonts), the browser needs to perform DNS lookup, TCP connection, and TLS handshake for each new domain. Preconnect hints tell the browser to establish these connections early.
Agrégalos a tu tema.liquido <head>:
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="dns-prefetch" href="https://www.googletagmanager.com">Reducir la complejidad de la plantilla líquida
Las plantillas complejas de Liquid aumentan el tiempo de respuesta del servidor de Shopify (TTFB). Bucles anidados, excesivos para recorre colecciones grandes y el uso intensivo de metacampos agrega tiempo de procesamiento del lado del servidor.
Reduzca los productos por página en las páginas de la colección (24 es mejor que 100), minimice las inclusiones de Liquid anidadas y evite representar el contenido que oculta con CSS. Cada milisegundo de TTFB se compone de sus puntuaciones LCP y FCP.
Minimizar tamaño DOM
Un DOM grande (más de 1500 elementos) ralentiza la ejecución de JavaScript, los cálculos de estilo y las operaciones de diseño. Los creadores de páginas de Shopify como GemPages y PageFly son conocidos por generar DOM enormes, a veces más de 5000 elementos para una sola página.
Simplifique la estructura de su página, evite secciones muy anidadas, reduzca la cantidad de productos mostrados por página y considere reemplazar las secciones del creador de páginas con secciones de temas nativos siempre que sea posible.
Limpiar el código sobrante de la aplicación
When you uninstall a Shopify app, the app is removed from your admin — but its code often stays in your theme. Leftover script tags, CSS files, and Liquid snippets from removed apps continue loading on every page, slowing your store for no benefit.
Dónde buscar:
- →
tema.liquido: busca etiquetas de secuencias de comandos y enlaces que hagan referencia a aplicaciones que has eliminado - →
fragmentos/ Carpeta: busca archivos con nombres de aplicaciones eliminadas - →
activos/— Check for CSS/JS files from removed apps - →
secciones/: algunas aplicaciones agregan secciones personalizadas
⚠️ Advertencia: Duplica siempre tu tema antes de eliminar el código. Eliminar el fragmento incorrecto puede dañar tu tienda. Si no se siente cómodo editando Liquid, considere nuestro servicio profesional de optimización de velocidad o use Thunder para optimizar la carga del script sin eliminar ningún código.
5 errores que se deben evitar en la optimización de la velocidad de Shopify
Incluso los comerciantes experimentados cometen estos errores al intentar aumentar la velocidad de Shopify. Evítalos y ahorrarás horas de esfuerzo desperdiciado.
❌ Obsesionarse con el número de PageSpeed en lugar de la experiencia real del usuario
PageSpeed Insights simula una conexión 4G lenta en una CPU acelerada. Es probable que sus usuarios reales experimenten algo mucho más rápido. Centrarse en Datos del campo Core Web Vitals (CrUX) sobre puntuaciones de laboratorio. Una puntuación de 65 al aprobar CWV es mejor que una puntuación de 90 en una tienda averiada.
❌ Eliminar aplicaciones sin medir primero su impacto real
No todas las aplicaciones son iguales. Una aplicación de revisión con 85 KB de JS importa mucho menos que un creador de páginas que cargue 350 KB. uso nuestro test de velocidad gratuito para identificar qué aplicaciones realmente afectan tu velocidad antes de desinstalar algo. Puedes eliminar una aplicación que genera $500 al mes en ingresos para ahorrar 50 ms.
❌ Prueba de velocidad solo en escritorio
Más del 70% del tráfico de Shopify es móvil. Las puntuaciones de las computadoras de escritorio son casi siempre entre 20 y 40 puntos más altas que las de los dispositivos móviles porque el hardware de las computadoras de escritorio es más rápido. Siempre prueba velocidad móvil : eso es lo que utiliza Google para las clasificaciones y lo que experimentan la mayoría de sus clientes.
❌ Hacer un cambio y ejecutar una única prueba de velocidad
Las puntuaciones de PageSpeed fluctúan entre ±5 y 10 puntos entre las pruebas debido a las condiciones del servidor, la variabilidad de la red y el estado de la caché de CDN. Realice al menos 3 pruebas antes y después de cada cambio y compare la mediana. Mejor aún, usa seguimiento del rendimiento para realizar un seguimiento de las tendencias a lo largo de los días, no de instantáneas individuales.
❌ Pensar que una aplicación de velocidad reemplaza toda optimización manual
Thunder handles the hardest and highest-impact optimizations (script deferral, critical CSS, font optimization). But it can't shrink your 4MB hero image or reduce your 5,000-element DOM from a page builder. The best results come from Thunder + basic image optimization + smart app choices. See our Bricolaje versus guía experta para lograr el equilibrio adecuado.
Antes y después: resultados reales en la tienda
Esto es lo que logran las tiendas típicas al combinar Thunder con optimizaciones manuales básicas (compresión de imágenes + eliminación de aplicaciones no utilizadas). Para obtener un tutorial más profundo de cada técnica, consulte nuestro guía completa de optimización.
Tienda de moda (12 aplicaciones, tema pesado)
Antes
23
LCP: 8,2 s · TBT: 3200 ms
Después del Trueno + Imágenes
71
LCP: 2,8s · TBT: 450ms
Tienda de electrónica (8 aplicaciones, tema Amanecer)
Antes
48
LCP: 4,1s · TBT: 1.800ms
Después del trueno
82
LCP: 2,2 s · TBT: 280 ms
Marca de belleza (más de 20 aplicaciones, tema personalizado)
Antes
15
LCP: 11,3s · TBT: 5.100ms
Después de Trueno + Imágenes + Limpieza de aplicaciones
58
LCP: 3,4s · TBT: 680ms
¿Listo para acelerar tu tienda Shopify?
Thunder maneja los métodos 1, 4, 5, 6, 8 y 9 automáticamente: las optimizaciones de mayor impacto y más difíciles de realizar. La mayoría de las tiendas ven +27 puntos sin tocar el código.
Instalar Thunder Gratis →Plan gratuito disponible · No se requiere tarjeta de crédito · Funciona con todos los temas
Preguntas frecuentes
¿Cuánto tiempo lleva aumentar la velocidad del sitio web de Shopify?
Depende del método. La instalación de Thunder Page Speed Optimizer tarda 30 segundos y ofrece una mejora de más de 27 puntos de forma inmediata. Los métodos manuales, como la optimización de imágenes, tardan entre 1 y 3 horas, mientras que el cambio de tema o la limpieza de código pueden tardar días o semanas. El camino más rápido hacia una mejora significativa es combinar una herramienta automatizada con una optimización básica de la imagen.
¿Cuál es la forma más rápida de acelerar un sitio Shopify?
La forma más rápida es instalar Thunder Page Speed Optimizer: pospone automáticamente los scripts que bloquean el procesamiento, integra CSS crítico, optimiza la carga de imágenes y precarga las fuentes. La mayoría de las tiendas ven una mejora de PageSpeed de más de 27 puntos en cuestión de minutos. Sin codificación, sin ediciones de temas, sin riesgos.
¿La velocidad del sitio web de Shopify afecta las ventas?
Yes, significantly. Research from Google and Deloitte shows that every 0.1 seconds of improvement in load time increases conversions by 8.4%. A store loading in 2 seconds instead of 5 seconds can see 2.5x more sales. Speed also affects Google rankings through Core Web Vitals, which means more organic traffic.
¿Por qué mi sitio web Shopify es tan lento?
Las causas más comunes son: demasiadas aplicaciones de terceros que inyectan JavaScript (cada aplicación agrega entre 50 y 500 KB de scripts), imágenes de productos no optimizadas, CSS y JavaScript que bloquean la representación en el tema, tema pesado o mal codificado, demasiadas fuentes web y uso excesivo de bucles y metacampos de Liquid. Las aplicaciones suelen ser las principales culpables.
¿Puedo aumentar la velocidad de Shopify sin eliminar aplicaciones?
¡Sí! Thunder Page Speed Optimizer optimiza la forma en que se cargan los scripts de las aplicaciones sin eliminarlos. En lugar de eliminar la funcionalidad, pospone los scripts no críticos para que no bloqueen la representación de la página. Mantienes todas las funciones de tus aplicaciones mientras mejoras drásticamente la velocidad. Es posible aplazar manualmente el script, pero se corre el riesgo de interrumpir la funcionalidad de la aplicación.
¿Cuántas aplicaciones son demasiadas para la velocidad de Shopify?
No existe un número mágico, pero cada aplicación que inyecta scripts de interfaz aumenta el tiempo de carga. Las tiendas con más de 15 aplicaciones activas suelen obtener una puntuación inferior a 30 en PageSpeed. Sin embargo, el tipo de aplicación importa más que el número: un solo creador de páginas pesado puede ralentizar tu tienda más que cinco aplicaciones ligeras combinadas. Concéntrese en el impacto, no sólo en contar.
¿Cambiar los temas de Shopify mejora la velocidad?
It can, but results vary enormously. Shopify's free themes (Dawn, Refresh, Craft, Sense) are built for speed and typically score 20–30 points higher than heavy third-party themes. However, switching themes is a major project that can take weeks. If your current theme is the bottleneck, it's worth considering — but most speed issues come from apps, not themes.
¿Qué es la optimización de la velocidad de Shopify?
La optimización de la velocidad de Shopify es el proceso de hacer que tu tienda Shopify se cargue más rápido al reducir JavaScript, optimizar imágenes, incorporar CSS crítico, posponer scripts no esenciales y mejorar los tiempos de respuesta del servidor. El objetivo es mejorar Core Web Vitals (LCP, CLS, INP), aumentar su puntuación de PageSpeed Insights y ofrecer una experiencia de compra más rápida que convierta a más visitantes en clientes. Puede optimizar manualmente o utilizar una aplicación de optimización de velocidad como Thunder para automatizar las correcciones más impactantes.
¿Cómo mejoro la velocidad de mi sitio Shopify en dispositivos móviles?
La velocidad móvil es donde la mayoría de las tiendas Shopify tienen problemas porque las conexiones móviles son más lentas y los teléfonos tienen menos potencia de procesamiento. Las mejoras de mayor impacto: (1) posponer JavaScript usando Thunder Page Speed Optimizer: la mayoría de los scripts de aplicaciones bloquean el procesamiento en dispositivos móviles, (2) comprimir imágenes de productos por debajo de 200 KB cada una, (3) usar el formato WebP en lugar de PNG/JPEG, (4) eliminar o posponer todos los scripts de seguimiento de terceros, (5) evitar controles deslizantes de héroe grandes; en su lugar, use una única imagen de héroe optimizada. Estos cinco cambios suelen mejorar las puntuaciones de PageSpeed móvil entre 20 y 40 puntos.
¿Es suficiente una puntuación de velocidad de Shopify de 50?
Una puntuación de 50 te sitúa en el rango "Necesita mejorar" (naranja). No es terrible, estás por encima de la tienda Shopify promedio, pero hay un margen de mejora significativo. Google considera 90+ como "bueno". Para la mayoría de los comerciantes, apuntar a 60-80 es un objetivo realista que equilibra la velocidad con la funcionalidad. Los usuarios de Thunder suelen alcanzar este rango fácilmente.