Les applications d’upsell ralentissent-elles votre boutique Shopify ?
Chaque application qui affiche quelque chose sur votre boutique charge du code dans le navigateur de vos clients. Une application pose rarement problème. Huit applications qui chargent chacune un script sur chaque page, y compris là où elles ne font rien, finissent par peser. Les applications d’upsell sont souvent en cause, parce qu’elles veulent être présentes partout au cas où un client ajouterait quelque chose au panier.
Ce qui ralentit vraiment une page
- Des scripts chargés sur chaque page, même là où l’application ne fait rien.
- Des scripts qui empêchent la page de s’afficher tant qu’ils ne sont pas chargés.
- Du code qui attend les serveurs de l’application avant d’afficher quoi que ce soit.
- Les restes d’applications désinstallées depuis longtemps, qui se chargent encore.
Vérifier votre propre boutique
- Ouvrez votre page d’accueil, une fiche produit et la page panier dans Chrome, ouvrez les outils de développement, onglet Réseau, rechargez et filtrez sur JS.
- Repérez les fichiers des applications que vous connaissez, et notez sur quelles pages chacun apparaît.
- Passez la page dans PageSpeed Insights avec et sans l’application, plusieurs fois chacune. Une seule mesure varie trop pour comparer.
- Cherchez des restes dans le code de votre thème. Avec les anciennes méthodes d’intégration, les applications ajoutaient des extraits aux fichiers du thème, qui restent après leur départ.
Pourquoi les extensions de thème aident
Les applications Shopify récentes se branchent sur votre thème par des app embeds et des blocs d’application : des éléments que vous activez dans l’éditeur de thème, sans que l’application modifie le code du thème. Leurs fichiers sont servis par le CDN de Shopify, et quand vous désinstallez l’application, Shopify retire ses blocs de votre thème. Les applications qui injectent encore leur code à l’ancienne laissent des traces.
À quoi ressemble une application d’upsell légère
- Elle ne fait rien là où elle n’a rien à faire : aucune requête à ses serveurs sur une page où elle ne peut rien afficher.
- Elle se charge sans bloquer la page.
- Elle ne retient jamais le paiement. Si quelque chose échoue, le client part au paiement comme si l’application n’existait pas.
La page post-achat ne coûte rien à votre boutique
Les offres après paiement tournent dans le checkout de Shopify, pas dans votre thème. Elles ne chargent strictement rien sur les pages de votre boutique.
Comment se charge FlatUpsell
L’offre panier de FlatUpsell est un app embed. Son script est différé, il ne bloque donc jamais la page, et pèse un peu plus de 40 Ko avant compression, mis en cache par le navigateur dès la première page. Il se charge partout, parce qu’un tiroir panier peut mener au paiement depuis n’importe quelle page, mais il reste inactif tant que le panier est vide : pas une seule requête vers les serveurs de FlatUpsell. Dès que le panier contient un article, il récupère les offres une fois et les garde pour la visite. Si quoi que ce soit échoue, le bouton de paiement se comporte comme si l’application n’était pas installée. L’offre post-achat vit dans le checkout de Shopify et n’ajoute rien à votre thème.