El mito de "eliminar aplicaciones"
Busca "cómo mejorar la puntuación de velocidad de Shopify" y encontrarás el mismo consejo en todas partes: eliminar aplicaciones. Es la respuesta perezosa a un problema matizado y les está costando dinero real a los comerciantes.
He aquí por qué es un mal consejo: Las aplicaciones generan ingresos. Su aplicación de reseñas genera pruebas sociales y conversiones. Su aplicación de ventas adicionales aumenta el AOV. Su aplicación de captura de correo electrónico crea su lista. Su aplicación de análisis le dice qué está funcionando. Quitarlos para seguir una métrica vanidosa es como desconectar la caja registradora para ahorrar electricidad.
Los comerciantes que realmente alcanzan puntuaciones de más de 90 con tiendas reales y en funcionamiento no lo hacen eliminando aplicaciones. Lo hacen optimizando cómo esas aplicaciones se cargan. Se trata de un enfoque fundamentalmente diferente, y es lo que vamos a cubrir aquí.
Hemos trabajado con tiendas que ejecutan entre 15 y 25 aplicaciones con una puntuación de 85 a 95 en computadoras de escritorio y de 70 a 85 en dispositivos móviles. El patrón es siempre el mismo: las aplicaciones en sí no son el problema. La forma en que se cargan sus scripts es.
Advertencia importante: "No eliminar aplicaciones" no significa "conservar todo". Si tiene 3 aplicaciones de revisión diferentes o una herramienta emergente que instaló una vez y nunca configuró, deberían desaparecer. El punto es: no sacrifique la funcionalidad que genera ingresos sólo porque una prueba de velocidad se lo indique. Para comprender completamente cómo funcionan las partituras, lea nuestra guía sobre cuál es una buena puntuación de velocidad de Shopify.
Lo que realmente ralentiza tu puntuación de velocidad de Shopify
Tu Puntuación de velocidad de Shopify se calcula utilizando Google Lighthouse, que mide seis métricas. Comprender cuáles afectan realmente las aplicaciones le indica exactamente dónde concentrarse:
| Métrica | Peso | Impacto en la aplicación | Arreglar |
|---|---|---|---|
| Tiempo total de bloqueo (TBT) | 30% | Muy Alto | Aplazar scripts de aplicaciones |
| Pintura con contenido más grande (LCP) Puntuación | 25% | Alto | CSS crítico en línea, optimiza la imagen principal |
| Índice de velocidad | 10% | Alto | Aplazar scripts + CSS en línea |
| Cambio de diseño acumulativo (CLS) | 25% | Medio | Reservar espacio para elementos dinámicos |
| Primera pintura con contenido (FCP) | 10% | Medio | Eliminar recursos que bloquean el procesamiento |
¿Notas el patrón? 55% de tu puntuación (TBT + LCP) está controlado directamente por cómo se cargan JavaScript y CSS. Las aplicaciones son la mayor fuente de JavaScript en la mayoría de las tiendas Shopify. Pero no es necesario que elimines las aplicaciones, solo necesitas cambiar cuando y cómo se carga su código.
Cuando un navegador encuentra un aplazar o asíncrono, detiene todo (deja de analizar HTML, deja de representar píxeles) hasta que el script se descarga y se ejecuta. Un único script de aplicación de revisión de 200 KB que se carga sincrónicamente en tema.liquido puede agregar 800 ms a su TBT en una conexión móvil acelerada.
La solución no es eliminar la aplicación de revisión. Está haciendo que el script se cargue después la página se representa. Eso es lo que hace el aplazamiento de guiones, y es la palanca más importante para mejorar tu puntuación de velocidad de Shopify. Para profundizar en esto, consulte nuestra guía para arreglando recursos que bloquean el renderizado en Shopify.
La solución con un clic: Optimizador de velocidad de página Thunder
Antes de sumergirnos en las estrategias manuales, aquí está el camino más rápido hacia 90+: dejemos que Thunder lo maneja automáticamente. Todas las estrategias que cubrimos a continuación (aplazamiento de scripts, CSS crítico, optimización de imágenes, carga de fuentes) Thunder las realiza en una sola instalación.
Qué hace Thunder automáticamente:
Aplaza todos los scripts de bloqueo de renderizado
Cada secuencia de comandos de la aplicación se carga después de pintar: no se requiere edición manual del código
CSS crítico en línea
Extrae estilos de la mitad superior de la página y los alinea para una representación instantánea
Optimiza la carga de imágenes
Carga diferida imágenes fuera de pantalla, prioriza la imagen principal para un LCP más rápido
Corrige la carga de fuentes
Precarga fuentes críticas y agrega visualización de fuentes: intercambia automáticamente
Mejora media: +27 puntos (con todas las aplicaciones instaladas)
Son 27 puntos sin eliminar una sola aplicación. Most stores go from 40-60 to 70-90 on mobile, and from 60-80 to 90+ on desktop. Prueba la puntuación actual de tu tienda para ver tu punto de partida.
Plan gratuito disponible · No se requiere tarjeta de crédito · Instalación en 30 segundos · Funciona con todas las aplicaciones y temas
Estrategia 1: Aplazar los scripts de bloqueo de renderizado
Esta es la optimización de mayor impacto que puede realizar. Los scripts de bloqueo de renderizado representan entre el 30% y el 50% de las pérdidas de puntuación de velocidad de la mayoría de las tiendas Shopify. He aquí por qué son tan dañinos y cómo solucionarlos.
El problema
Cuando una aplicación se instala en Shopify, generalmente agrega un <script src="..."> etiqueta a tu
Archivo tema.liquido . Sin explícito aplazar o asíncrono , los navegadores tratan esto como "detener todo y cargar esto primero". Multiplique eso por 10 a 15 aplicaciones y obtendrá un atasco de scripts que intentan cargar antes de que su página pueda mostrar su primer píxel.
La solución manual
Antes (bloqueo de renderizado):
<script src="https://app-cdn.example.com/widget.js"></script> Después (diferido):
<script src="https://app-cdn.example.com/widget.js" defer></script>
Abra el editor de código de su tema, navegue hasta tema.liquidoy agregue aplazar a cada etiqueta de script de terceros. Para scripts en línea (que no pueden usar aplazar), envuélvalos en un Contenido DOM cargado detector de eventos o uso establecer tiempo de espera para retrasar la ejecución entre 2 y 3 segundos.
⚠️ Advertencia: Agregar aplazar al script incorrecto puede dañar la funcionalidad. Los scripts de pago, los propios análisis de Shopify y algunos widgets de aplicaciones esperan una carga sincrónica. Pruebe exhaustivamente un tema duplicado antes de publicarlo. Ésta es una de las razones por las que muchos comerciantes eligen Thunder : sabe qué scripts es seguro posponer y maneja los casos extremos automáticamente.
Impacto esperado: 15-30 point improvement on mobile, 10-20 on desktop. This single change often gets stores from 50s to 70s-80s.
Estrategia 2: CSS crítico en línea
Los archivos CSS también bloquean el procesamiento de forma predeterminada. Su navegador no pintará un solo píxel hasta que todo el CSS en el <head> se ha descargado y analizado. En la mayoría de los temas de Shopify, eso es entre 200 y 500 KB de CSS, la mayoría de los cuales diseña elementos en la mitad inferior de la página o en otras páginas por completo.
La solución manual
- Extraer CSS crítico: Usa una herramienta como Crítico para identificar qué reglas CSS son necesarias para el contenido de la mitad superior de la página de su página de inicio.
- Incorpórelo: Coloque esas reglas en un
<style>en tu<head>. - Aplazar el resto: Cargue su archivo CSS completo de forma asincrónica usando
<link rel="preload" href="style.css" as="style">con un respaldo. - Repita para cada plantilla: Las páginas de productos, las páginas de colección y su página de inicio tienen contenido diferente en la mitad superior de la página. Cada uno necesita su propio CSS crítico.
Esto es técnicamente complejo y requiere mucho mantenimiento. Cada actualización del tema puede cambiar la estructura CSS y requerir una nueva extracción. Es una de las optimizaciones manuales que consumen más tiempo y una de las cosas que Thunder automatiza por completo. Consulta nuestro página de características para ver cómo funciona.
Impacto esperado: Mejora de 5 a 15 puntos, principalmente en FCP y LCP.
Estrategia 3: optimizar las imágenes correctamente
Las imágenes son los activos más importantes en la mayoría de las tiendas Shopify. Un único banner de héroe no optimizado puede pesar más que todos los scripts de tu aplicación combinados. La buena noticia: optimización de imagen es sencillo y de alto impacto.
Victorias rápidas
Imagen principal de menos de 200 KB: Su elemento LCP suele ser el banner principal o la primera imagen del producto. Comprímalo a formato WebP con un 80% de calidad. Usa Shopify imagen_url filtro con ancho específico: {{ image | image_url: width: 1200 }}
Dimensiones explícitas: Incluir siempre ancho y altura atributos en
Etiquetas
Precarga el héroe: Agregar <link rel="preload" as="image" href="hero.webp"> en tu <head> para indicarle al navegador que comience a descargar su imagen LCP antes de que la descubra en el HTML.
Carga diferida todo lo demás: Cada imagen debajo del pliegue debe tener cargando="perezoso". Lea nuestra guía en carga diferida en Shopify para la configuración completa.
Impacto esperado: 5-20 puntos dependiendo de la situación de tu imagen actual. Las tiendas con imágenes destacadas de 2 MB sin comprimir verán mejoras espectaculares.
Estrategia 4: arreglar la carga de fuentes
Las fuentes matan la velocidad astutamente. Cada peso de fuente es un archivo independiente (40-100 KB cada uno). Una tienda Shopify típica carga de 4 a 8 archivos de fuentes, lo que agrega entre 200 y 600 KB a la carga de la página inicial. sin visualización de fuente: intercambiar, los navegadores muestran texto invisible hasta que las fuentes terminan de cargarse, lo que arruina su puntuación FCP.
La solución manual
Limitar el peso de las fuentes: Utilice como máximo 2 familias de fuentes con 2 pesos cada una (normal + negrita). Son 4 archivos como máximo.
Agregar visualización de fuente: intercambiar: Asegúrese de que todas las declaraciones @font-face incluyan visualización de fuente: intercambiar para que el texto se muestre inmediatamente en una fuente alternativa mientras se cargan las fuentes personalizadas.
Precargar fuentes críticas: Agregar <link rel="preload" as="font" type="font/woff2" href="..." crossorigin> para las 1 o 2 fuentes utilizadas en su contenido de la mitad superior de la página.
Autohospedaje en Google Fonts: Downloading fonts and serving from Shopify's CDN eliminates a DNS lookup + connection to Google's servers.
Impacto esperado: 3-10 puntos, principalmente en FCP y LCP.
Estrategia 5: carga diferida de todo lo que se encuentra debajo del pliegue
Más allá de las imágenes, puedes cargar de forma diferida secciones enteras de tu página. Los widgets de aplicaciones que aparecen en el pie de página, las secciones de reseñas debajo de las descripciones de los productos y los feeds de Instagram en la parte inferior; ninguno de estos necesita cargarse antes de que el cliente vea la página.
Técnicas avanzadas de carga diferida
Observador de intersecciones: Utilice la API de Intersection Observer para detectar cuándo una sección se desplaza a la vista y luego cargue sus scripts asociados. Esto funciona para widgets de revisión, widgets de chat y ventanas emergentes de prueba social.
Desencadenantes de la interacción del usuario: Algunos scripts solo necesitan cargarse cuando el usuario interactúa. Un widget de chat se puede cargar con el primer movimiento del mouse. Se puede cargar una ventana emergente de ventas adicionales cuando el usuario agrega algo al carrito. Este patrón de "carga en interacción" mantiene al mínimo el peso de la página inicial.
Pantallas de esqueleto: Muestra contenido de marcador de posición liviano mientras se cargan secciones pesadas. Esto mejora el rendimiento percibido y mantiene el CLS bajo porque el diseño no cambia cuando llega el contenido real.
Impacto esperado: 5-15 puntos en el móvil. Varía según la cantidad de guiones de la página inferior que pueda posponer.
Estrategia 6: Auditar la calidad de la aplicación, no la cantidad
En lugar de contar cuántas aplicaciones tienes, audita cómo se carga cada aplicación. Algunas aplicaciones están bellamente optimizadas: scripts pequeños, carga diferida y CSS mínimo. Otros descargan 500 KB de JavaScript no minificado de forma sincrónica en su tema. Conocer la diferencia es clave.
Cómo auditar el impacto en la velocidad de cada aplicación
- Abra Chrome DevTools → pestaña Red en tu tienda
- Desactiva cada aplicación una a la vez (desinstalar temporalmente o usar el botón de desactivación de la aplicación si está disponible)
- Vuelva a ejecutar PageSpeed Insights después de cada cambio (ejecutar 3 veces, tomar el promedio)
- Registrar el delta de puntuación para cada aplicación: ahora sabes exactamente qué aplicaciones cuestan más puntos
- Para aplicaciones de alto costo, busque alternativas más ligeras que hagan lo mismo con menos peso de código
Hemos visto casos en los que una sola aplicación de reseñas cuesta 20 puntos, mientras que la aplicación de reseñas de la competencia con las mismas funciones cuesta solo 3 puntos. La funcionalidad es idéntica; la calidad del código no lo es. Consulta nuestro guía de scripts de terceros para obtener más información sobre cómo identificar guiones pesados.
¿No desea realizar una auditoría manual? Utilice el Analizador de Shopify Trueno para ver exactamente qué scripts se están cargando en tu tienda, qué tan grandes son y cuáles bloquean el procesamiento. Le brinda un informe procesable en segundos.
¿A qué puntuación de velocidad de Shopify deberías apuntar realmente?
Seamos realistas. Esto es lo que realmente obtienen las tiendas Shopify bien optimizadas con aplicaciones reales:
| Perfil de la tienda | Escritorio típico | Móvil típico |
|---|---|---|
| Tienda mínima (3-5 aplicaciones, tema ligero) | 95-100 | 85-95 |
| Tienda estándar (10-15 aplicaciones, optimizada) | 90-98 | 70-85 |
| Tienda con muchas funciones (15-25 aplicaciones, optimizadas) | 85-95 | 60-80 |
| Tienda empresarial (más de 25 aplicaciones, funciones avanzadas) | 75-90 | 50-70 |
Una puntuación móvil de 75-85 con 15 aplicaciones instaladas es excelente. Significa que sus Core Web Vitals están pasando y su tienda se carga rápidamente para usuarios reales. No busque un 100 perfecto, eso requiere eliminar la funcionalidad que hace que su tienda sea rentable.
Lo que importa más que la puntuación del laboratorio es tu Datos del campo Core Web Vitals : el rendimiento real experimentado por los visitantes reales. Mira esto en PageSpeed Insights en "Descubra lo que están experimentando sus usuarios reales". Si esas métricas están en verde, su tienda es rápida, independientemente de lo que diga la puntuación del laboratorio.
Para obtener más contexto sobre lo que significan estos números, lea nuestro análisis profundo en Puntuación de velocidad de Shopify frente a Google PageSpeed y la relación entre velocidad y conversiones.
Preguntas frecuentes
¿Puedo realmente obtener una puntuación de velocidad de Shopify superior a 90 sin eliminar aplicaciones?
Sí, pero depende de qué aplicaciones y cómo se cargan. La clave no es eliminar aplicaciones sino optimizar cómo se cargan sus scripts. Al aplazar el JavaScript que bloquea el procesamiento, incorporar CSS crítico y cargar de forma diferida recursos no esenciales, la mayoría de las tiendas pueden llegar a más de 90 con entre 10 y 15 aplicaciones instaladas. Thunder Page Speed Optimizer automatiza todo este proceso.
¿Cuántas aplicaciones son demasiadas para la velocidad de Shopify?
No existe un número mágico. Una tienda con 20 aplicaciones bien codificadas puede superar a una con 5 aplicaciones mal codificadas. Lo que importa es cómo cada aplicación carga sus scripts. Las aplicaciones que inyectan JavaScript sincrónico en su theme.liquid o cargan archivos CSS grandes en la mitad superior de la página son los verdaderos asesinos de velocidad. Utilice la pestaña Red de Chrome DevTools para identificar qué aplicaciones añaden más peso.
¿Thunder funciona con todas las aplicaciones de Shopify?
Thunder es compatible con todas las aplicaciones y temas de Shopify. Funciona en el nivel de carga del navegador: pospone scripts, integra CSS crítico y optimiza el orden de carga de recursos. Esto significa que optimiza la forma en que se cargan los activos de cualquier aplicación sin cambiar la funcionalidad de la aplicación. En casos excepcionales en los que una aplicación requiere una carga sincrónica (como los widgets de pago), Thunder lo detecta y la deja en paz.
¿A qué puntuación de velocidad de Shopify debo aspirar?
Para la mayoría de las tiendas Shopify, una puntuación de velocidad entre 70 y 90 en dispositivos móviles representa un rendimiento excelente. Las puntuaciones de escritorio superiores a 90 son comunes. La verdadera métrica que importa son los datos de campo de Core Web Vitals: si su LCP está por debajo de 2,5 s, INP por debajo de 200 ms y CLS por debajo de 0,1 con usuarios reales, su tienda está funcionando bien independientemente de la puntuación del laboratorio.
¿Por qué mi puntaje de velocidad de Shopify móvil es mucho más bajo que el de mi computadora de escritorio?
Las puntuaciones móviles simulan un teléfono de gama media con una conexión 4G lenta y una fuerte aceleración de la CPU. Desktop simula una computadora rápida con una conexión por cable. Esta limitación hace que cada secuencia de comandos no optimizada cueste entre 3 y 5 veces más en dispositivos móviles. Es por eso que el aplazamiento de scripts y la inserción de CSS crítico, que Thunder maneja automáticamente, tienen un mayor impacto en las puntuaciones móviles.
¿La optimización de mi puntuación de velocidad realmente aumentará las ventas?
Data consistently shows that faster stores convert better. Google's research found that a 1-second improvement in mobile load time can increase conversions by up to 27%. For Shopify specifically, stores with LCP under 2.5 seconds see 15-20% higher add-to-cart rates on average compared to stores loading in 4+ seconds. Speed isn't everything, but it removes friction from the buying process.
¿Cuál es la mejor estrategia de optimización de puntuación móvil de Shopify 90 en 2026?
La estrategia más eficaz para alcanzar una puntuación de 90+ en dispositivos móviles en 2026 se centra en tres áreas: (1) Aplazar todo JavaScript no crítico; esto por sí solo puede ganar entre 15 y 25 puntos en dispositivos móviles porque Lighthouse aplica una fuerte aceleración de la CPU. (2) CSS crítico en línea y aplazar el resto: elimina las hojas de estilo que bloquean el procesamiento. (3) Optimice LCP configurando fetchpriority='high' en su imagen principal y precargándola. Thunder Page Speed Optimizer maneja los tres automáticamente, con una mejora promedio de más de 27 puntos específicamente en dispositivos móviles.