La vitesse de chargement de votre site e-commerce Shopify est un facteur important à prendre en compte lorsque vous créez ou optimisez votre boutique.
Si les pages de votre boutique sont trop lentes à se charger, cela peut décourager les visiteurs venant sur votre site de rester. En moyenne, le temps de chargement d’une page web ne doit pas excéder 3 secondes de chargement sous peine de commencer à perdre un grand nombre de visiteurs.
Outre la perte de visiteur sur votre site, le temps de chargement d’un site est aussi pris en compte par l’algorithme de Google pour déterminer votre positionnement dans les résultats de recherche.
Entre la potentielle perte de visiteur et l’impact sur le référencement de votre site, il est plus que nécessaire que la vitesse de chargement votre boutique Shopify soit le plus petit possible. Dans cet article, nous vous apporterons les clés pour améliorer la vitesse de votre boutique Shopify à travers plusieurs conseils.
Sommaire :
Déposez gratuitement votre projet sur Codeur.com, recevez une quinzaine de devis et sélectionnez le prestataire Shopify idéal.
Gérer les applications Shopify
Le système d’applications sur Shopify est un avantage incontestable pour pouvoir apporter de nombreuses fonctionnalités à votre boutique. Un inconvénient existe cependant : plus vous aurez d’applications sur votre site, plus vous risquez de rencontrer des problèmes sur votre boutique.
Ces problèmes peuvent être nombreux, comme de nouveaux bugs provenant des applications installées, de potentielles failles de sécurité, mais aussi une augmentation du temps de chargement de votre site si une ou plusieurs applications sont mal optimisées ou comportent des bugs.
Si vous constatez qu’une application augmente la vitesse de votre boutique, essayez de déterminer si cela provient d’une fonctionnalité spécifique de l’application ou bien de l’application entière. Selon le résultat de l’analyse que vous aurez, il est de bonne pratique de désactiver la fonctionnalité concernée ou de supprimer l’application tout entière si c’est cette dernière qui est en cause.
Gardez en tête que trop d’applications sur votre boutique Shopify peuvent nuire à celle-ci, il sera donc bon pour vous et votre boutique de trouver le meilleur équilibre possible entre les fonctionnalités qui vous sont essentielles et la vitesse de la boutique.
Dans ce cas, essayez de trouver le code de l’application désinstallée pour le supprimer par vous-même. Cette manipulation demande de la prudence, car supprimer le mauvais code peut entraîner des bugs sur votre boutique, voir la rendre inaccessible.
Si vous n’avez pas les connaissances pour effectuer cette manipulation, n’hésitez pas à poster une annonce gratuite sur Codeur.com pour trouver rapidement l’aide d’un freelance qui pourra vous aider à nettoyer le code restant d’une application que vous avez supprimé.
Il ne sera donc pas nécessaire de les désinstaller pour améliorer la vitesse de votre boutique.
Bien choisir et optimiser le thème
L’un des points les plus importants dans l’optimisation de la vitesse d’une boutique Shopify est son thème.
Effectivement, le thème que vous choisirez aura un grand impact sur la vitesse de chargement de vos pages.
Avant d’optimiser un thème, il est primordial de choisir un bon thème qui répondra aux besoins de votre boutique en termes d’esthétique et fonctionnalités, mais aussi qui sera conçu de la meilleure manière pour qu’il ait un poids le plus faible et qu’il effectue le moins de requêtes possible.
Les thèmes proposés par Shopify seront généralement de bons choix cependant si vous souhaitez opter pour un thème d’un développeur ou entreprise indépendant, il vous faudra effectuer quelques recherches avant de faire le choix d’un thème.
Lorsque vous avez trouvé un thème qui vous convient, vous pouvez tester son optimisation grâce à la démo que la plupart des thèmes proposent et à un site d’analyse tel que GTMetrix qui vous donnera des données sur l’optimisation du thème : son poids, son nombre de requêtes, etc..
Choisissez un thème qui de base aura un poids et un nombre de requêtes faible, dans un cas plus général, vous pouvez vous aider de la note donnée par le GTMetrix, « A » étant la meilleure.
Ensuite lorsque vous avez choisi, installé et configuré le thème sur votre boutique Shopify vous pouvez l’optimiser en effectuant quelques manipulations.
1. Désactiver les fonctionnalités inutilisées
Dans un premier temps et si vous en avez la possibilité, désactivez toutes les fonctionnalités fournies avec le thème et dont vous n’aurez pas besoin.
2. Minifier et compresser les ressources
Si vous ne savez pas ce qu’est la minification et la compression des fichiers, ce sont deux techniques qui peuvent vous faire gagner énormément de vitesse de chargement sur votre boutique.
Sans trop rentrer dans les détails, minifier et compresser vos fichiers CSS et JavaScript réduira leur taille en optimiser le code écrit dans les fichiers.
Il est possible de réaliser ces deux actions manuellement, mais cela demande des connaissances techniques avancées.
Le plus simple est d’installer une application d’optimisation des fichiers telles que « Page Speed Optimizer: PI Speed » ou « Hyperspeed: Extreme Page Speed » qui vont automatiquement optimiser votre site web, dont les fichiers CSS et JavaScript, en les compressant et les minifiant.
Trouvez le meilleur prestataire Shopify pour votre projet rapidement et gratuitement sur Codeur.com
Vos premiers devis en 15 minutes
Gratuit et sans obligation
Déjà plus de 75 000 clients
3. Optimiser les images
Le dernier conseil que nous aurons à vous donner pour optimiser votre thème et boutique en général sera d’optimiser les images se trouvant sur votre boutique.
Si vous avez un thème comportant des images inclus par défaut, mais aussi que vous avez ajouté des images à votre boutique, ce qui est fort probable dans le dernier cas, il vous faudra optimiser l’ensemble de ces images.
Pour optimiser vos images, les deux actions principales à effectuer seront de compresser vos images et réduire leurs dimensions. Vous pouvez faire ça manuellement à l’aide de logiciels tels que Photoshop ou en ligne grâce à des sites gratuits comme Pixlr ou ILoveImg.
Si vous souhaitez déléguer cette tâche à une application Shopify alors pas de soucis il en existe plusieurs vous proposant d’optimiser les images de votre site. Les deux applications que nous vous avons proposées dans le point précédent à savoir « Hyperspeed » et « PI Speed » accompliront avec succès cette tâche.
Cependant si vous souhaitez une application spécialisée et uniquement dédiée à l’optimisation de vos images, vous pourrez vous tourner vers des applications telles que TinyIMG, Image Optimizer ou Crush.pics ‑ Compression SEO.
Réduire le nombre d’éléments sur les pages
Nous arrivons au dernier point pour améliorer la vitesse de chargement de votre boutique Shopify. Cette dernière bonne pratique à mettre en place est de réduire le nombre d’éléments apparaissant sur les pages de votre site web.
Le plus important sera de réduire au maximum le nombre de pop-up qui s’afficheront sur votre site Shopify lorsqu’une personne accèdera à une page de votre boutique.
Outre le fait d’augmenter le temps de chargement d’une page, les pop-ups réduisent considérablement l’expérience utilisateur. Ils bloquent l’accès à votre site et peuvent parfois rebuter les visiteurs de continuer à naviguer sur votre site.
Tout pop-up ajouté sur votre boutique doit être justifié par un besoin essentiel, si un pop-up n’est pas indispensable, vous devriez alors le supprimer.
Dans un cas plus général, si vous ajoutez trop d’éléments à une page web celle-ci sera plus longue à charger. En plus des pop-up, il vous faudra réduire au maximum les éléments sur une même page.
Prenons par exemple une page de collection de votre boutique Shopify, au lieu d’y afficher 50 produits par défaut, pensez à en afficher que 25 et proposez un bouton « Voir plus ».
Cette même logique peut s’appliquer au blog de votre site Shopify où vous pouvez afficher moins d’articles par défaut.
Conclusion
Améliorer la vitesse de votre boutique passe par l’optimisation de plusieurs éléments de votre boutique, que ce soit le thème, les applications ou la construction même de vos pages il vous faudra mettre en place plusieurs bonnes pratiques pour voir un changement dans la vitesse de votre site.
À partir des conseils donnés dans cet article, vous pourrez commencer l’optimisation de votre boutique Shopify et observer son temps de chargement être réduit.
Si vous avez besoin d’être accompagné pour effectuer l’optimisation de votre boutique ou que vous souhaitez aller plus loin, n’hésitez pas à poster une annonce gratuite sur Codeur.com pour trouver rapidement l’aide d’un freelance qui pourra vous aider à améliorer la vitesse de votre boutique Shopify.
