¿Las apps de upsell ralentizan tu tienda Shopify?
Cada app que muestra algo en tu tienda carga código en el navegador de tus clientes. Una app rara vez es el problema. Ocho apps que cargan cada una un script en todas las páginas, incluso donde no hacen nada, sí se notan. Las apps de upsell son sospechosas habituales, porque suelen querer estar en todas partes por si un cliente añade algo al carrito.
Qué ralentiza de verdad una página
- Scripts que se cargan en todas las páginas, incluso donde la app no hace nada.
- Scripts que impiden que la página se muestre hasta que terminan de cargar.
- Código que espera a los servidores de la app antes de mostrar nada.
- Restos de apps desinstaladas hace tiempo que se siguen cargando.
Cómo revisar tu propia tienda
- Abre la página de inicio, una página de producto y la del carrito en Chrome, abre las herramientas para desarrolladores, pestaña Red, recarga y filtra por JS.
- Busca los archivos de las apps que conoces y anota en qué páginas aparece cada uno.
- Pasa la página por PageSpeed Insights con y sin la app, varias veces cada una. Una sola medición varía demasiado para comparar.
- Busca restos en el código de tu tema. Con los métodos de integración antiguos, las apps añadían fragmentos a los archivos del tema que se quedan cuando la app se va.
Por qué ayudan las extensiones de tema
Las apps modernas de Shopify se conectan a tu tema mediante app embeds y bloques de app: piezas que activas en el editor de temas, sin que la app toque el código del tema. Sus archivos se sirven desde el CDN de Shopify, y al desinstalar la app, Shopify retira sus bloques del tema. Las apps que todavía inyectan su código a la antigua dejan rastro.
Cómo es una app de upsell ligera
- No hace nada donde no tiene nada que hacer: ninguna petición a sus servidores en una página donde no puede mostrar nada.
- Se carga sin bloquear la página.
- Nunca retiene el pago. Si algo falla, el cliente sigue al checkout como si la app no existiera.
La página post-compra no le cuesta nada a tu tienda
Las ofertas después del pago se ejecutan dentro del checkout de Shopify, no en tu tema. No cargan absolutamente nada en las páginas de tu tienda.
Cómo se carga FlatUpsell
La oferta del carrito de FlatUpsell es un app embed. Su script se carga en diferido, así que nunca bloquea la página, y pesa algo más de 40 KB antes de comprimir, que el navegador guarda en caché desde la primera página. Se carga en todas las páginas porque un cajón del carrito puede llevar al pago desde cualquier sitio, pero se queda inactivo mientras el carrito está vacío: ni una sola petición a los servidores de FlatUpsell. En cuanto el carrito tiene algo, recupera las ofertas una vez y las guarda durante la visita. Si algo falla, el botón de pago se comporta como si la app no estuviera instalada. La oferta post-compra vive en el checkout de Shopify y no añade nada a tu tema.