7 façons d'optimiser la vitesse de votre boutique Shopify

Près d'1/4 des visiteurs quittent le site s'il met plus de 4 secondes à se charger. 46% d'entre eux ne reviennent jamais sur le site en raison de mauvaises performances du site. Un site lent entraîne une mauvaise expérience client et éloigne les clients.

Attendriez-vous 15 secondes juste pour que le site Web charge son contenu ? Vous quittez instantanément le site et recherchez d'autres magasins. Ainsi, un site lent entrave le trafic du site Web et augmente le taux de rebond. Ces deux éléments ont un impact négatif sur la clientèle potentielle.

La vitesse du site n'est pas seulement une question de maintenance technique. Cela influence directement le chiffre d'affaires. Alors, comment réparons-nous la vitesse de votre site de boutique Shopify ? Aujourd'hui, nous allons examiner 7 conseils pour optimiser la vitesse de votre site de boutique Shopify.

1. Optimisation des images
2. Analysez les applications tierces
3. Mettre en œuvre AMP (Accelerated Mobile Pages)
4. Choisissez les bons thèmes et fonctionnalités
5. Chargeurs paresseux
6. Évitez les fenêtres contextuelles
7. Réduisez les redirections et les liens brisés
8. Indice de référence de la vitesse du site du magasin Shopify

Shopify fournit un score de vitesse du site sur le tableau de bord lui-même. Ce score mesure la vitesse de chargement de votre site en fonction des mesures de performances phares de Google. Un score moyen de vitesse de site Shopify est de 50. Tout ce qui dépasse 70 est un excellent score de vitesse.

Si le score de votre site est inférieur à 50, vous devez utiliser ces tactiques pour améliorer les performances du site. En dehors de cela, vous devriez obtenir de l'aide professionnelle pour les nuances techniques telles que la minification des scripts Java et HTML ou le blocage du rendu CSS et Javascript. Les sites Shopify fonctionnent fortement sur HTML, CSS, Javascript, etc., ce qui ralentit le site. Donc, si aucun des conseils mentionnés ci-dessous ne fonctionne, vérifiez vos codes et le back-end du site.

1. Optimisation des images

Commencez par les bases : les images. Les images haute résolution peuvent ralentir la vitesse du site. Et si votre boutique contient plusieurs images, graphiques et vidéos HD, votre site sera beaucoup en retard. Voici 5 façons d'optimiser les images et d'améliorer la vitesse du site :

Télécharger des images compressées

Ils réduisent la taille et la charge du fichier sur le site. Cependant, assurez-vous de respecter les dimensions d'image spécifiées pour éviter les images de mauvaise qualité.

Évitez les curseurs et optez pour une disposition de héros

Seulement 1% des visiteurs passent par des sliders. Ainsi, au lieu d'opter pour 4 à 7 images HD, utilisez 1 image haute résolution.

Évitez les GIF ou les vidéos.

Si votre produit nécessite plusieurs images, optez pour 3-4 images haute résolution. Un GIF ou une vidéo de haute qualité peut prendre du temps et prendre du temps à se charger sur le système du visiteur.

Utiliser un chargeur différé

Dans le cas où vous ne pouvez pas vous passer de télécharger de nombreuses images, vidéos ou GIF, Dans ce cas, le site ne charge que le contenu disponible sur l'écran de l'utilisateur. Ainsi, tant que l'utilisateur n'ouvre pas le curseur ou n'atteint pas la vidéo, celle-ci ne sera pas chargée. En conséquence, non seulement la charge de contenu limitée, mais le site fonctionne plus rapidement.

S'en tenir aux images statiques

Au lieu de GIF ou de vidéos, ils économisent la charge sur le site et améliorent considérablement la vitesse.

2. Analysez les applications tierces

L'installation d'une application tierce est une pratique courante pour les propriétaires de boutiques Shopify. Ils les ajoutent pour améliorer les performances, ajouter des fonctionnalités, de l'automatisation et bien plus encore. Cependant, l'obtention d'un trop grand nombre d'applications a également un impact sur le code. Cela conduit à une vitesse lente. Alors?

• Identifiez les applications qui ne servent à rien et sont inutiles.
• Désinstallez ces applications. Si certaines fonctionnalités de l'application sont inefficaces, supprimez-les.
• La désactivation des fonctionnalités ou la désinstallation des applications ne supprime pas l'intégration du code. Vous devez donc les supprimer manuellement.

Supprimez les applications inutilisées. En dehors de cela, recherchez des alternatives aux applications qui interfèrent avec la vitesse du site.

3. Mettre en œuvre AMP (Accelerated Mobile Pages)

En 2020, 61 % du trafic sur les sites Web provenait d'appareils mobiles aux États-Unis. Plus de la moitié des utilisateurs vérifient votre magasin à partir de téléphones. Mais, le téléphone prend plus de temps pour charger un site Web normal sur un PC. Ainsi, l'optimisation de votre site Web pour les téléphones n'est pas négociable.

Votre équipe technique pourrait vous aider avec l'optimisation mobile. Cependant, vous pouvez ajouter certaines applications du répertoire de la troisième application Shopify à DIY. Des applications comme FireAMP et Shopsheriff aident dans AMP. Il faut un temps considérable pour les mettre en place. Cependant, vous pouvez toucher un public beaucoup plus large en le faisant.

4. Choisissez les bons thèmes et fonctionnalités

Shopify possède une vaste bibliothèque de thèmes, de fonctionnalités et de polices. Ceux-ci améliorent la conception de votre site Web pour le rendre attrayant. Cependant, avec chaque thème/fonctionnalité supplémentaire, le site ralentit.

• Assurez-vous d'ajouter un thème réactif . Vérifiez si le thème ralentit le site Web, puis remplacez-le.
• Analysez si toutes les fonctionnalités ajoutées sont utilisées ou non. Dans le cas où une fonctionnalité est sans valeur, supprimez-la/désactivez-la.
• Optez pour les polices système : Mono, Serif et Sans-serif. Évitez les polices fantaisistes que le système de l'utilisateur doit d'abord télécharger. Dans de tels cas, le téléchargement de la police, le chargement de la police et le chargement du site Web prennent beaucoup de temps. Même si Shopify propose de nombreuses options pour les polices, s'en tenir aux polices système de base fonctionne bien.

Tous les thèmes et fonctionnalités sont lourds sur CSS/HTML, ce qui a un impact sur la vitesse du site. Choisissez-les judicieusement et évitez les éléments inutiles.

5. Chargeurs paresseux

Le chargement différé est une technique d'optimisation dans laquelle la page ne charge qu'un contenu limité. Si l'utilisateur se trouve sur une partie particulière du magasin/site, il ne charge que cette partie spécifique. Il est similaire au chargement vidéo différé. Sauf si cela n'est pas nécessaire, la page ne chargera que les éléments avec lesquels l'utilisateur s'engage.

Il est efficace pour les magasins qui ajoutent de nombreuses images, vidéos, GIF et autres fichiers lourds. Cela peut économiser un temps de chargement considérable et augmenter la vitesse du site.

6. Évitez les fenêtres contextuelles

Les pop-ups sont cruciaux pour les entreprises pour mettre en avant des produits d'information ou des newsletters. Ils aident un contenu spécifique à être sous les projecteurs pour attirer plus d'attention. Cependant, ils réduisent la vitesse du site et ont un impact sur l'expérience utilisateur.

• Sortez avec de grands pop-ups qui occupent toute la page. Ils augmentent le temps de chargement et entraînent des décalages/gels du site. En outre, il peut être frustrant pour l'utilisateur d'obtenir une fenêtre contextuelle couvrant toute la page.
• Utilisez des pop-ups sur des pages spécifiques de grande valeur. Vous n'avez pas besoin d'ajouter une fenêtre contextuelle sur chaque page de site/magasin. Analysez les besoins et utilisez-les en conséquence.
• Afficher une fenêtre contextuelle après quelques secondes d'un utilisateur survolant votre site Web. Un utilisateur qui entre et sort de votre site Web ne s'engagerait pas avec votre pop-up. Ajoutez donc une fenêtre contextuelle 7 à 15 secondes après que l'utilisateur a atterri sur votre boutique. Ils sont plus efficaces et ont un meilleur taux de clics.

7. Réduisez les redirections et les liens brisés

Un magasin peut avoir diverses redirections ou liens brisés. Cependant, ils sont en retard sur le site et la vitesse diminue considérablement. Vous pouvez résoudre ce problème directement via le tableau de bord Shopify en effectuant une redirection 404.

Vous pouvez également ajouter une redirection 301 qui dirige l'utilisateur vers une nouvelle URL. De plus, vous pouvez supprimer ces liens avec l'aide de l'équipe technique. Ils supprimeraient tous les liens brisés et réduiraient les redirections.

En plus de tous ces conseils, vous pouvez utiliser le gestionnaire de balises Google pour l'optimisation du magasin. Vous migrez votre code vers l'outil, ce qui aide à charger tout le code de manière asynchrone. Du point de vue technique, il existe de nombreuses façons d'améliorer la vitesse du magasin. Cela peut signifier réduire le code HTML/CSS, bloquer le rendu, supprimer les codes inutiles et effectuer la migration.

Mais, combien votre site devrait-il prendre en moyenne pour se charger ? Examinons quelques repères.

8. Indice de référence de la vitesse du site du magasin Shopify

Une bonne vitesse de magasin Shopify, disponible sur le tableau de bord, est supérieure à 50. Mais il existe d'autres outils que vous pouvez déployer pour vérifier la vitesse de votre site.

Un site moyen prend environ 3,8 secondes pour charger la première image et 22,1 secondes pour devenir interactif. Votre site prend plus de temps ? Vérifiez la vitesse de chargement du site pour votre boutique Shopify.

Voici un tableau montrant les moyennes et les meilleurs repères de vitesse de magasin Shopify.

En plus de cela, vous pouvez également vérifier la vitesse de votre site ici.

Lorsque vous utilisez ces sites, exécutez le test trois fois pour obtenir une image claire. Utilisez des moyennes à partir de là, mais ne dépendez pas d'un seul test. Cela garantit de meilleurs résultats et une image claire de la vitesse du magasin.

FAQ

Quelle est la meilleure vitesse pour la boutique Shopify ?

Le score de vitesse Shopify est reflété sur le tableau de bord lui-même. Les magasins doivent essayer d'obtenir un score supérieur à 50. Un score de vitesse de 70 est considéré comme excellent pour le magasin Shopify.

Quels sont les éléments les plus courants qui ralentissent un site Web, en particulier un site Web Shopify ?

Les éléments les plus courants qui ont un impact sur la vitesse du magasin sont les images et les codes back-end lourds. Les images, vidéos et GIF haute résolution prennent du temps à se charger et à devenir interactifs. D'autre part, les thèmes, les fonctionnalités et les applications tierces augmentent le code du site Web, ce qui réduit la vitesse du magasin.