Les meilleurs conseils d'accélération de la vitesse pour les magasins Shopify

Le temps de chargement des pages n'a jamais été aussi important. Les utilisateurs abandonnent de plus en plus les sites Web à chaque seconde qu'une page prend pour se charger. Cela est aussi vrai pour les magasins Shopify que pour tout autre site Web.

Les magasins Shopify se multiplient. Le chiffre d'affaires total des magasins Shopify a atteint 151,7 millions de dollars au deuxième trimestre 2017. Il s'agit d'une augmentation de 75 % par rapport au deuxième trimestre 2016.

Les gens se tournent en masse vers les magasins Shopify pour leurs solutions de commerce électronique. Cela a beaucoup à voir avec la facilité d'utilisation et de configuration des magasins Shopify.

Les magasins Shopify sont si faciles et rapides à mettre en place que de nombreux propriétaires d'entreprise et entrepreneurs plongent sans trop de formation, en affaires ou en technologie. Cependant, le développement d'une entreprise nécessite un état d'esprit bien différent de celui d'un développeur Web.

Vous devrez être un peu des deux pour tirer le meilleur parti de vos magasins Shopify. Nous aiderons vos boutiques Shopify à se charger à la vitesse de l'éclair grâce à notre guide pour augmenter le temps de chargement de votre boutique Shopify !

Un guide sur le temps de chargement des pages des magasins Shopify

Pour commencer, nous verrons pourquoi vous devriez envisager les magasins Shopify pour vos solutions de commerce électronique. Il existe de nombreuses solutions de commerce électronique sur le marché. Vous voudrez vous assurer que les magasins Shopify répondent le mieux à vos besoins avant de commencer à optimiser votre site.

Pourquoi Shopify ?

Savoir quelles solutions de commerce électronique vous conviennent dépend en grande partie de vos préférences et de vos goûts personnels. Il n'existe pas de commerce électronique "prêt à l'emploi". Tout dépend de vos besoins particuliers.

Pourtant, il y a certaines raisons pour lesquelles les magasins Shopify sont un favori universel pour les propriétaires d'entreprises nouvelles et établies.

Les magasins Shopify sont bon marché et faciles

Shopify est l'un des moyens les plus rapides de mettre en place une entreprise de commerce électronique. Les magasins Shopify ne nécessitent aucun hébergement supplémentaire ni frais de serveur. Ils ne nécessitent pas non plus beaucoup de connaissances en programmation pour être pleinement fonctionnels.

Les magasins Shopify vous permettent de vous concentrer sur la gestion de votre site de commerce électronique au lieu de devenir un développeur Web à plein temps.

Shopify est entièrement personnalisable

Les magasins Shopify sont presque aussi flexibles que de posséder votre propre domaine Web. Ils sont encore plus flexibles pour les personnes qui sont encore novices en matière de conception et de développement Web.

La boutique de thèmes Shopify propose un large éventail de thèmes personnalisés pour votre boutique Shopify. Il existe de nombreuses options de thèmes personnalisés, dont le prix varie de gratuit à des centaines de dollars.

Pour ceux qui sont un peu plus à l'aise avec le codage, les thèmes personnalisés peuvent généralement être modifiés pour répondre aux besoins de votre site.

Shopify peut alimenter d'autres sites Web

Shopify est un moteur de commerce électronique. Comme d'autres solutions de commerce électronique, Shopify peut être utilisé pour gérer l'aspect commercial de n'importe quel site Web, à condition que vous ayez accès au code source.

Tous les composants de Shopify sont conçus par une seule entreprise, les pièces ont donc tendance à être interchangeables. Considérez Apple comme un exemple de la façon dont les logiciels modulaires peuvent fonctionner ensemble. Les sites propulsés par Shopify se synchronisent facilement les uns avec les autres, donc rien ne se perd dans le shuffle.

Shopify est optimisé pour le référencement

Le référencement et le marketing des moteurs de recherche sont en constante évolution. Les mises à jour de Google sont aussi rapides et furieuses que les suites de la franchise de films. Les incidents de référencement peuvent également être plus périlleux qu'un Tokyo Drift, si vous ne faites pas attention.

Certains domaines dans lesquels les magasins Shopify optimisent le contenu pour le référencement incluent :

• Méta-titres

• Titres des pages

• Plan du site

• URL personnalisables

• 301 pages de redirection

• Robots.txt

Les magasins Shopify gardent une trace des dernières mises à jour SEO, vous n'avez donc pas à le faire. Ils facilitent le classement dans les moteurs de recherche, en suivant les meilleures pratiques SEO actuelles.

Assistance technique 24h/24 et 7j/7

Le temps, c'est de l'argent. Cela signifie que le temps perdu est de l'argent gaspillé. Chaque seconde de votre site Web est un moment où vous pourriez gagner de l'argent.

Les magasins Shopify bénéficient d'un support technique continu. Si votre site Web tombe en panne au milieu de la nuit, quelqu'un peut vous aider à vous reconnecter aussi rapidement et sans douleur que possible.

Maintenant que nous avons examiné certaines raisons pour lesquelles vous devriez envisager les magasins Shopify pour vos besoins en commerce électronique, apprenons comment les charger le plus rapidement possible.

Comment accélérer le temps de chargement de la page Shopify

Chaque seconde supplémentaire de temps de chargement de votre page augmente le taux de rebond. Augmenter le temps de chargement de la page de 1 à 3 secondes augmente le taux de rebond de 32 %. Le temps de chargement de la page passant de 1 à 5 secondes augmente le taux de rebond de 90 %.

Voici quelques méthodes pour accélérer votre boutique Shopify.

Effectuer une évaluation du site

Google met de plus en plus l'accent sur le temps de chargement des pages comme l'une de ses mesures de référencement. L' outil PageSpeed ​​Insights de Google est un excellent point de départ pour voir comment votre Shopify se comporte selon les exigences actuelles de Google.

Certains domaines que Google analyse pour les performances de temps de chargement incluent :

• Optimisation des images

• Feuilles de style CSS

• JavaScript

• Redirections

• Mise en cache du navigateur

• Compression Gzip

L'outil PageSpeed ​​Insights analyse les sites Web pour les versions mobiles et de bureau. C'est un excellent point de départ pour voir comment votre site Shopify s'affiche pour vos clients.

Google recommande également un autre outil gratuit, Test My Site . Vous ne pouvez jamais avoir trop d'informations sur votre boutique Shopify !

Bien sûr, les informations ne sont utiles que lorsqu'elles sont exploitables et compréhensibles. GtMetrix est une autre ressource gratuite qui analyse le temps de chargement des pages des magasins. Votre site reçoit un résultat gradué, de A à F. Même un enfant de la maternelle peut comprendre ces mesures !

Optimiser pour les mobiles avec des pages mobiles accélérées

Les utilisateurs mobiles sont encore plus exigeants que les navigateurs de bureau en ce qui concerne le temps de chargement des pages. Shopify peut prendre encore plus de temps à se charger sur les appareils mobiles que sur les ordinateurs de bureau, créant un terrible cycle de rétroaction qui risque de perdre votre audience.

51 % du taux de rebond d'un site Web a tendance à provenir d'appareils mobiles. C'est plus élevé que les ordinateurs de bureau et les tablettes. Raison de plus pour mettre en place des pages mobiles accélérées (AMP). AMPs est un cadre numérique conçu pour accélérer les temps de chargement des pages mobiles.

Shopify a parcouru un long chemin au cours de la dernière année en fournissant un AMP précieux pour l'expérience de commerce électronique. La solution la mieux notée est AMP by Shop Sheriff, qui propose un plan gratuit généreux et vous permettra d'AMP chaque produit de votre magasin sans frais.

L'application AMP propose également des intégrations notables avec des fonctionnalités spécifiques au commerce électronique, notamment des critiques de produits, un bouton "Acheter maintenant" ou une option "collante" d'ajout au panier pour une sensation plus proche de l'application. Le personnalisateur de modèles AMP by Shop Sheriff vous permet de prévisualiser les modifications apportées à vos pages AMP en temps réel, ce qui facilite relativement la modification et la modification de vos modèles AMP pour qu'ils correspondent à votre marque.

Une autre solution populaire est FireAMP, qui peut être installée pour un tarif forfaitaire. Les deux applications proposent des essais gratuits et un interrupteur marche/arrêt facile pour activer ou désactiver AMP pour votre site de commerce électronique, afin que vous puissiez être sûr que vous êtes à l'aise avec vos pages AMP avant d'apporter des modifications à votre boutique.

Ces deux applications gratuites sont classées quatre étoiles sur l'App Store de Shopify. Si vous souhaitez une approche plus pratique pour optimiser votre boutique Shopify pour mobile, l'API de Shopify est disponible pour les développeurs Web et d'applications.

Compressez vos images

Shopify prend en charge de nombreux formats de fichiers image.

Les formats de fichiers image pris en charge par Shopify incluent :

• JPG
• JPG progressif
• PNG
• GIF

L'optimisation des images est l'un des moyens les plus simples d'accélérer le temps de chargement des pages de votre boutique Spotify. N'oubliez pas non plus de ne pas présenter trop d'images sur une page particulière.

Il existe de nombreuses façons d'optimiser les images de votre boutique Shopify. TinyPng.com est une ressource Web gratuite pour optimiser les fichiers .png et .jpg. Il peut réduire la bande passante de votre site Web jusqu'à 71 %.

Cependant, TinyPng.com peut entraîner une perte de qualité d'image. Crush.pics est une application gratuite qui vous permet d'optimiser vos images sans sacrifier la qualité d'image.

ImageOptimizer est une autre excellente application qui optimise les images sans perte de qualité. Il est disponible moyennant un petit abonnement mensuel.

Utilisez un thème efficace

Tous les sites Web n'ont pas besoin de toutes les cloches et sifflets imaginables. Si vous cherchez à héberger un site de commerce électronique simple et minimaliste, un thème Shopify simple devrait répondre à vos besoins.

Gardez un œil sur les temps de chargement et la réactivité des pages lorsque vous sélectionnez un thème Shopify. Assurez-vous de vérifier la dernière version . Une fois que vous avez mis à jour la dernière version, assurez-vous de vérifier l'aperçu en direct pour voir à quoi il ressemblera en temps réel.

Gardez les applications au minimum

Chaque application que vous téléchargez depuis la boutique d'applications Shopify ajoute un peu de script JavaScript/CSS à votre boutique Shopify. Ce script reste présent même si vous n'utilisez pas l'application. Cela peut considérablement ralentir le temps de chargement de votre page.

Limitez les applications que vous utiliserez au strict minimum. Au-delà de cela, assurez-vous de revoir votre liste d'applications de temps en temps. Supprimez toutes les applications que vous n'utilisez plus. Cela devrait également supprimer le code en excès.

Réduire le nombre de requêtes HTML

L' outil de vérification des requêtes HTTP de GiftOfSpeed ​​analyse le nombre de requêtes HTTP effectuées par votre site. Chaque requête HTTP ralentit le temps de chargement de votre page.

Voici quelques façons de réduire les requêtes HTTP :

• Combinez CSS et assurez-vous qu'ils sont tous alignés

• Consolider tout JavaScript

• Assurez-vous que JavaScript est en ligne

• Limitez au minimum les images de conception

• Créer des sprites d'images CSS

• Convertir des images en Base64

• Réduisez le nombre de boutons de partage social

Vérifiez les redirections et les liens brisés

Les redirections et les liens brisés peuvent avoir un impact extrêmement négatif sur le temps de chargement de votre page. Il existe de nombreux outils pour vérifier les redirections et les liens brisés.

Pour vérifier les redirections :

1. Accédez à votre compte administrateur Shopify

2. Accédez à Boutique en ligne > Administrateur

3. Cliquez sur URL de redirection

4. Cliquez sur Ajouter une redirection d'URL pour ajouter une redirection

Les liens brisés ont un impact encore plus important sur le temps de chargement de la page. Broken Link Checker est une ressource Web gratuite qui vérifie les liens brisés qui ont un impact négatif sur le référencement. Xenu est une autre ressource gratuite qui peut être utile pour évaluer les liens brisés sur votre site Shopify.

Gardez une trace de vos codes de suivi avec Google Tag Manager

Habituellement, chaque site d'analyse a son propre code de suivi. Cela peut signifier un code distinct pour Google Analytics, AdWords et les balises de remarketing. Cela peut ralentir le temps de chargement de votre page, au fil du temps.

Google Tag Manager conserve toutes vos balises au même endroit. Google Tag Manager peut facilement gérer votre boutique Shopify .

Utiliser les mises en page de héros à la place des curseurs

Les curseurs peuvent également mettre à rude épreuve la bande passante de votre site. Les webmasters ont tendance à ajouter 5 à 6 images de haute qualité par curseur. Cela peut mettre un retard important sur votre boutique Shopify.

Alors que les curseurs étaient populaires il y a quelques années, il y a eu des réactions négatives récemment. De nombreux développeurs Web conseillent de rester loin d'eux tous ensemble.

Environ seulement 1 % des utilisateurs cliquent sur les curseurs. Les curseurs ont également tendance à agacer les utilisateurs . Les curseurs ont un impact négatif sur le référencement , comme dernier inconvénient.

Au lieu de curseurs, une mise en page Hero avec une seule image et un appel à l'action est bien meilleure pour les temps de chargement des pages. Dropbox est un exemple de site qui utilise une mise en page Hero.

Une mise en page Hero est une image de bannière, qui est généralement placée sur la page d'accueil d'un site Web. C'est la première chose qu'un visiteur verra lorsqu'il visitera votre boutique Shopify. Une mise en page Hero présente souvent les détails les plus importants du site.

Vérifiez la vitesse de votre site après chaque modification

Après des modifications importantes apportées à votre site, il est judicieux d'effectuer une analyse PageSpeed. Vous aurez une idée de ce qui fonctionne et de ce qui ne fonctionne pas. Cela vous aidera à affiner votre développement Web, de sorte que vous ne perdrez ni temps ni ressources.

Si vous voulez des informations vraiment précises, exécutez une analyse PageSpeed ​​après chaque modification. Cela vous donnera une idée de l'impact de chaque changement sur le temps de chargement de votre page. Cela vous donnera également une idée des mesures à surveiller, afin que vous puissiez continuer à vous assurer que votre magasin Shopify se charge le plus rapidement possible.

Shopify est une puissante solution de commerce électronique pour les personnes qui cherchent à mettre leur site Web en service avec un minimum d'effort. Suivez ces conseils pour vous assurer que votre site Shopify fonctionne à une vitesse optimale, afin que vos clients puissent magasiner et naviguer sans quitter le navire !

Vous voulez savoir comment votre site Web est à la hauteur ?

La gestion d'une entreprise basée sur le Web peut être très compétitive.

Heureusement, il existe plus d'outils et de ressources pour les spécialistes du marketing numérique qu'à tout autre moment de l'histoire.

Contactez-nous dès aujourd'hui pour planifier un examen marketing et mettez votre entreprise numérique sur la voie rapide !