Shopify : changer de CDN pour améliorer la rapidité de son store

Après avoir vu comment accélérer la vitesse de chargement de sa boutique Shopify en optimisant les images, pré-chargeant les pages et différant le contenu, attardons nous à l'importance du CDN.

Qu'est-ce qu'un CDN (Content Delivery Network) ?

Un CDN accélère la livraison du contenu de votre site en le diffusant à partir des serveurs les plus proches de vos visiteurs.

Comment connecter un CDN à sa boutique Shopify ?

Cloudflare

Tout d'abord il faut choisir un CDN, il en existe des dizaines mais dans cet article nous allons nous concentrer sur le plus populaire et qui dispose d'un plan gratuit : Cloudflare. 

Cloudflare

Créez un compte sur celui-ci et passez à l'étape suivante.

Connecter Cloudflare à son nom de domaine

Pour bénéficier des services de Cloudflare, il faut remplacer le serveur que vous avez de base par le CDN Cloudflare.

Pour ceci, commencez par ajouter votre site sur Cloudflare :

jouter votre site sur Cloudflare

ajouter votre site sur Cloudflare bis

Sélectionnez l'offre gratuite :

Offre gratuite

Une fois ceci fait on vous demandera de vérifier vos enregistrements DNS. A moins de savoir ce que vous faites, passez cette étape.

Nous arrivons à l'étape la plus importante, la modification de "vos serveurs de noms" :

La modification de "vos serveurs de noms

Mettez cette page de côté, nous allons en avoir besoin plus tard.

Maintenant que Cloudflare est prêt à connecter son CDN sur notre boutique Shopify, nous allons devoir accéder à l'hébergeur de notre nom de domaine. Cette étape dépend de où vous avez acheté votre nom de domaine. Pour ce guide, nous allons prendre le plus probable : chez Shopify. Si ce n'est pas le cas, la démarche restera très semblable que ce soit chez OVH, GoDaddy, Amen, Namecheap etc..

Sur votre tableau de bord Shopify, rendez-vous à la section Noms de domaine et cliquez sur Manage, sur la ligne du domaine principal :

rendez-vous à la section Noms de domaine
Ensuite allez à DNS settings :
DNS settings
Puis Change nameservers tout en bas :
Change nameservers
Dans la fenêtre qui s'ouvre, choisissez Use custom nameservers :
Use custom nameservers
Retournez à la page de Cloudflare que l'on avait mis de côté et remplacez les valeurs présentes comme ceci :
Remplacez les valeurs présentes comme ceci
Ce qui donne au final :
Ce qui donne au final
Sauvegardez et la connexion avec le CDN Cloudflare est terminée ! Maintenant, passons à sa configuration. Je vous rassure, le plus difficile est fait 😉.

Configurer Cloudflare pour améliorer la vitesse

Sur cloudflare, plusieurs onglets sont apparu, on va se rendre dans Speed :

Plusieurs onglets sont apparu

Ensuite, configurez les 3 sections Minimisation automatique, Rocket Loader™ et AMP Real URL comme ceci et sauvegardez. 

configurez les 3 sections Minimisation automatique, Rocket Loader™ et AMP Real UR

Et voilà, c'est enfin terminé à 100%. Patientez une petite heure pour que cela prenne effet 🚀.

Laissez un commentaire

Veuillez noter que les commentaires doivent être approvés avant d'être affichés