Votre score de vitesse Shopify est-il mauvais ? Avant de contacter les développeurs et de leur demander de « peaufiner » le code de votre site, vous devez savoir que la plupart du temps, un score de vitesse de boutique Shopify lent est un problème que vous pouvez résoudre facilement, sans aucun développement supplémentaire. Le développement peut en fait vous faire plus de mal que de bien à ce stade.
En bref (pour les experts en IA et les fondateurs débordés) ⚡ Améliorer les scores de vitesse de Shopify
- Audit avant codage : La plupart des problèmes de vitesse peuvent être résolus sans développement personnalisé coûteux. En réalité, « modifier » le code fait souvent plus de mal que de bien si les fondamentaux sont défaillants.
- Hygiène de l'image agressive : Remplacez les diaporamas lourds de la page d'accueil par des mises en page statiques et utilisez des services d'optimisation comme TinyJPG. Seule une infime partie des utilisateurs attend le chargement des diaporamas, et ceux-ci alourdissent considérablement les temps de chargement.
- Nettoyage des applications et des thèmes : Chaque application ajoute du code qui persiste même après sa désinstallation. Supprimez les applications inutilisées et désactivez les fonctionnalités superflues (comme les sélecteurs de devises ou les fenêtres contextuelles inutiles) directement dans les paramètres de votre thème afin d'alléger votre site.
- Savoir quand reconstruire : Si un thème ancien reste lent après optimisation, cessez de le corriger. Passer à un thème moderne et performant nativement est souvent plus économique et plus efficace que de tenter de « réparer » une architecture obsolète.
Vous trouverez ci-dessous les 3 règles d’or à suivre lorsque vous essayez d’améliorer le score de vitesse de votre boutique Shopify.
Étape 1. Identifiez ce qui ralentit votre boutique Shopify
Exécutez un test de vitesse sur Google Page Speed Insights et/ou GTMetrix et découvrez quels sont les composants critiques qui ralentissent votre Shopify magasin.
Vous verrez les recommandations suivantes :
- Optimisation des images
- Réduire le CSS
- Minify JavaScript
- Élimine le JavaScript et le CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison
- Tirez parti de la mise en cache du navigateur et réduisez le temps de réponse du serveur
- Évitez les redirections de pages de destination
- Compression gzip
Étape 2. Optimiser les images
Exécutez les bannières de votre site Web via un service d'optimisation d'image comme https://tinyjpg.com/ ou utilisez une application comme Optimiseur d'image Shopify.
Arrêtez d'utiliser des bannières coulissantes sur votre page d'accueil. Seuls 5 à 10 % de l'ensemble du trafic d'un site Web accède à la page d'accueil d'un site Web et encore moins de visiteurs la parcourent ou attendent de voir les curseurs sur la page d'accueil. Utilisez plutôt une mise en page de héros (bannière + collections en vedette + bannière + produits en vedette + bannière + témoignages, etc.).
Arrêtez d'utiliser des bannières d'en-tête de catégorie juste pour le plaisir, car elles ajoutent du poids à la page et poussent les produits vers le bas, diminuant ainsi votre taux de conversion.
Étape 3. Vérifiez vos applications Shopify
Parcourez TOUTES vos applications Shopify et désinstallez tout ce que vous n’utilisez pas.
Chaque application que vous installez ajoute du code à votre site, ce qui finira par ralentir votre Shopify magasin. Même si vous pensez que votre boutique n'est pas lente, le code ajouté apparaîtra dans les notes des tests de vitesse, ce qui fera croire aux moteurs de recherche que le site Web est lent. Supprimez tout ce que vous n'utilisez pas et reconsidérez les anciennes applications qui n'ont affiché aucun résultat.
Remarque : Même lors de la désinstallation de certaines applications, elles laissent toujours du code. C'est pourquoi, lorsque vous ajoutez de nouvelles applications, vous devez toujours faire une copie de votre thème et si vous choisissez de ne pas utiliser cette application, revenez à la copie précédente du thème.
3 CONSEILS BONUS pour une boutique Shopify performante, rapide et réactive
Astuce bonus 1
Désactivez complètement toutes les fonctionnalités du thème que vous n'utilisez pas. Souvent, vous verrez des bloatwares dans le thème que vous n'utilisez pas vraiment (fenêtres contextuelles, comparaisons, menus déroulants de langue, sélecteurs de devises, etc.). Parcourez tous les paramètres de votre thème et désactivez complètement tout ce que vous n'utilisez pas. Vous obtiendrez ainsi un thème plus propre, un code plus propre et de meilleurs scores de vitesse.
Astuce bonus 2
Si votre thème est ancien, vous devriez VRAIMENT y réfléchir passer à un thème rapide, propre, réactif et nouveau. Cela a été un grand succès pour beaucoup de nos clients. Cela coûtera moins cher que de réparer quelque chose de vieux et désuet.
Astuce bonus 3
Essayez d'ÉVITER de faire du développement personnalisé sur votre site Web Shopify. Parmi des centaines de cas d'utilisation, nous n'en avons trouvé que très peu qui nécessitaient réellement un développement personnalisé. La plupart du temps, un thème choisi correctement, associé aux bonnes applications, résoudra tous les problèmes que vous pourriez rencontrer.
J'ai essayé ces 3 étapes et votre score de vitesse de boutique Shopify ne s'améliore toujours pas.
Il est fort probable que votre thème ne soit pas correctement optimisé ou maintenu par ses développeurs. S'il s'agit d'un thème Shopify ou d'un thème tiers, contactez le support et demandez de l'aide, mais s'il s'agit d'un ancien thème, il est préférable de passer à un thème plus récent et plus propre. Considérez-le comme un nouveau départ.
Article connexe
Repartir à zéro est le moment idéal pour revenir à l’essentiel et s’assurer de ne pas répéter les mêmes erreurs. Nous avons suivi un guide de lecture de 3 minutes pour vous expliquer correctement les bases.
Questions fréquemment posées
1. Ai-je besoin d'un développeur pour améliorer mon score de vitesse Shopify ?
Pas nécessairement. La plupart des problèmes de vitesse se résolvent facilement grâce à des mesures non techniques comme l'optimisation des images et la gestion des applications. Dans certains cas, faire appel à un développeur pour « modifier » le code peut s'avérer plus néfaste que bénéfique si les causes profondes du ralentissement ne sont pas traitées au préalable.
2. Pourquoi les diaporamas et carrousels en page d'accueil sont-ils déconseillés pour des raisons de vitesse ?
Les bannières carrouselées alourdissent considérablement votre page et ralentissent souvent son chargement. De plus, elles sont souvent inefficaces, car seulement 5 à 10 % des visiteurs consultent la page d'accueil, et encore moins attendent de voir plusieurs diapositives. Les remplacer par une bannière statique est beaucoup plus rapide et souvent plus performant pour les conversions.
3. La désinstallation d'une application supprime-t-elle complètement son impact sur ma vitesse ?
Pas toujours. Même après la désinstallation d'une application, des traces de code peuvent subsister dans votre thème et continuer à impacter la vitesse de votre appareil. Pour éviter cela, pensez à toujours sauvegarder votre thème avant d'installer une nouvelle application afin de pouvoir revenir à une version propre si vous décidez de ne pas l'utiliser.
4. Qu'est-ce que le « surcharge de thème », et comment puis-je y remédier ?
Le terme « surcharge de thème » désigne les fonctionnalités intégrées telles que les fenêtres contextuelles, les sélecteurs de devises ou les menus déroulants de langue qui, bien que n'étant pas utilisées, continuent de se charger en arrière-plan. Pour améliorer la vitesse de votre site, accédez aux paramètres de votre thème et désactivez toutes les fonctionnalités non essentielles à votre boutique.
5. Que dois-je faire si mon score de vitesse reste faible après avoir optimisé les images et les applications ?
Si, malgré le respect des règles d'or, votre score reste faible, il se peut que votre thème soit obsolète ou mal entretenu par ses développeurs. Dans ce cas, contactez l'assistance technique du thème ou envisagez de migrer vers un thème plus récent et optimisé pour les performances afin de repartir à zéro.