¿Las apps de Shopify ralentizan tu tienda? Cómo auditar y limpiar

Sí, las apps de Shopify pueden ralentizar una tienda, y la causa no es el número de apps en sí, sino lo que cargan en el escaparate: scripts externos, archivos CSS y peticiones a otros servidores que se ejecutan en cada página, uses la función o no. Peor aún, desinstalar una app no siempre elimina lo que dejó atrás. Este artículo explica cómo medir el impacto de cada app, cómo limpiar el código residual, la diferencia entre las apps que se desinstalan limpiamente y las que dejan restos, y el método de auditoría que seguimos en E-SAFQA.

Cómo ralentiza realmente una app a la tienda

El escaparate que ve un cliente se construye a partir de los archivos del tema. Cuando instalas una app que necesita aparecer en la página (un botón, un pop-up, reseñas, un temporizador), añade código de una de estas tres formas:

Método	Cómo funciona	Impacto en la velocidad	¿Se elimina al desinstalar?
Theme App Extensions (moderno)	Bloques y embeds visibles en el editor de temas bajo App blocks y App embeds	Se carga solo donde está activado; se puede desactivar	Sí, automáticamente
Script Tags (heredado)	Un script externo inyectado en cada página	Se carga en todas las páginas, se necesite o no	Depende de la app
Edición directa de archivos del tema (el más antiguo)	La app escribe en theme.liquid o añade archivos	El código se queda permanentemente	Normalmente no

Shopify retiró a las apps la capacidad de editar directamente los archivos del tema en los temas modernos y empujó a los desarrolladores hacia las Theme App Extensions, pero las tiendas que llevan años funcionando todavía arrastran residuos de los dos métodos antiguos. El mayor problema está en móvil: los scripts externos retrasan la interacción con la página, que es exactamente lo que miden los Core Web Vitals en tiendas Shopify.

Paso uno: mide la línea base antes de cambiar nada

No empieces borrando. Empieza midiendo para saber qué estás mejorando realmente:

1. Abre PageSpeed Insights y prueba tres páginas: inicio, una página de colección y una página de producto. Anota los resultados en móvil, ya que la mayoría de los visitantes de tiendas en Arabia Saudita y Emiratos navegan desde el teléfono.
2. Apunta el Largest Contentful Paint (LCP), el Interaction to Next Paint (INP) y el Cumulative Layout Shift (CLS).
3. En el informe “reduce el impacto del código de terceros” de PageSpeed, anota los dominios externos que se cargan. Cada dominio suele corresponder a una app.
4. Abre las herramientas de desarrollador del navegador (pestaña Network), filtra por JS y ordena por tamaño. Los scripts más grandes son tus primeros sospechosos.

Paso dos: desactiva las apps una por una

Abre el editor de temas, luego los ajustes del tema y después App embeds. Verás las apps modernas que cargan código. Desactiva una, guarda, vuelve a probar la página de producto y anota la diferencia. Repite con cada app. Este método es más preciso que cualquier herramienta de estimación porque mide tu tienda con tu tema y tus imágenes reales.

Consejo: haz la prueba en un tema duplicado, no en el activo, para que los clientes no se vean afectados durante la auditoría. Y no midas en pleno pico de una campaña publicitaria, porque los picos de tráfico distorsionan los resultados.

Paso tres: qué hacer con cada app

Tras la auditoría tendrás tres grupos:

• Útil y ligera: consérvala.
• Útil pero pesada: busca una alternativa construida sobre Theme App Extensions, o limita dónde se carga (muchas apps permiten mostrar su código solo en páginas concretas).
• Sin uso: desinstálala y luego limpia lo que haya dejado.

La regla que repetimos en nuestra guía de las mejores apps de Shopify para tiendas árabes: una app por función. Dos apps de reseñas o tres de pop-ups significan el triple de código para una sola función.

Paso cuatro: limpia el código residual tras desinstalar

Aquí se esconde el mayor problema en las tiendas antiguas. Después de desinstalar una app:

1. Abre el editor de código del tema y busca en theme.liquid el nombre o el dominio de la app. A menudo encontrarás una etiqueta <script> o <link> que apunta al servidor de la app.
2. Busca en las carpetas snippets y assets archivos que lleven el nombre de la app.
3. Busca en sections y templates llamadas {% render %} o {% include %} a los archivos de la app.
4. Borra lo que hayas encontrado después de hacer una copia de seguridad del tema, y prueba las páginas principales tras cada borrado.

Nunca borres una línea que no entiendas. Si tienes dudas, coméntala primero en lugar de borrarla y observa la tienda durante un día completo. Si el tema está lleno de años de residuos, a veces resulta más barato pasar a una copia limpia del tema y rehacer los ajustes, algo que tratamos en la guía de optimización de velocidad de Shopify.

Las categorías de apps que más perjudican la velocidad

En nuestras auditorías de tiendas, estas categorías aparecen una y otra vez entre los scripts más pesados:

• Pop-ups y barras de anuncios: se cargan en todas las páginas y provocan saltos de diseño.
• Widgets de chat multicanal: algunos cargan archivos grandes antes de que el cliente haga clic.
• Widgets de reseñas antiguos: cargan todas las reseñas de golpe en lugar de hacerlo al desplazarse.
• Seguimiento duplicado: un Pixel instalado dos veces, una desde los ajustes de Shopify y otra desde una app.
• Apps de moneda y traducción que reescriben la página: cambian el texto después de la carga, provocando un parpadeo y un retraso.

Las apps que trabajan en segundo plano solo a través de la Admin API, como las herramientas de edición de precios y sincronización, no añaden nada al escaparate. Nuestra app SalePilot, por ejemplo, ejecuta los cambios de precio en segundo plano y solo carga el temporizador de cuenta regresiva en la página, como una extensión ligera y solo mientras hay una rebaja activa.

Prevención: reglas antes de instalar cualquier app nueva

• Lee en la ficha de la app cómo se carga su código: una mención a Theme App Extensions o App embeds es buena señal.
• Instálala primero en un tema duplicado y mide la página antes y después.
• Activa el código solo en las páginas que lo necesiten, si la app lo permite.
• Añade una revisión mensual de apps a tu checklist de lanzamiento de tienda Shopify y a la rutina posterior al lanzamiento.

El método de auditoría que seguimos

Cuando asumimos una tienda nueva para gestionar sus anuncios o trabajar la conversión, empezamos con una auditoría de velocidad que incluye: probar las tres páginas en móvil, listar cada script externo y asociarlo a una app, la prueba de desactivación una por una en un tema duplicado, la limpieza de residuos, y luego volver a medir y documentar la diferencia. La velocidad no es un objetivo en sí mismo; forma parte de la optimización de la tasa de conversión: el mismo tráfico, más pedidos.

Desde nuestra experiencia

En Xmart, una tienda de electrónica en Jordania, realizamos una auditoría de rendimiento del tema Xtra con correcciones de velocidad como parte de nuestro trabajo publicitario, porque el coste por pedido sube cuando la página es lenta por muy buena que sea la campaña. En las tiendas que migramos desde otras plataformas o construimos desde cero, entregamos el tema sin scripts sobrantes y definimos la lista de apps desde el principio, para que el comerciante no empiece su vida en Shopify con una tienda sobrecargada.

Conclusión

Las apps de Shopify ralentizan una tienda cuando cargan scripts en todas las páginas o dejan código atrás tras desinstalarse. La cura es metódica: medir la línea base, desactivar las apps una por una en un tema duplicado, eliminar lo que no se usa, limpiar los residuos de los archivos del tema y preferir apps construidas sobre Theme App Extensions. Si quieres una auditoría completa de la velocidad y la lista de apps de tu tienda, envíanos el enlace de tu tienda por WhatsApp.