Parmi la quantité d’information qui circule sur la toile, vous vous devez de proposer un site performant qui se charge rapidement.
Si votre site met du temps à se charger, vous pouvez être certain que vous perdez continuellement des visiteurs !
Comprenez bien que l’internaute est pressé et qu’il n’aime pas attendre (en particulier s’il est sur son smartphone).
Mais ce n’est pas tout, la vitesse de chargement a également un impact sur votre référencement. En effet, un site qui va se charger rapidement sera mieux référencé qu’un site qui est lent ! (Pensez aussi à optimiser votre site en responsive pour les smartphones ! Cela vous permettra d’être mieux référencé).
Vous l’avez compris, optimiser le chargement de votre site est donc très important.
Dans cet article, je mets en lumière six conseils pour vous aider à améliorer sensiblement la vitesse de chargement et ainsi gagner en visiteurs et booster votre trafic.
1/ Tester la vitesse de chargement de votre site
Commençons par le commencement, sachez qu’il existe des outils qui vous permettent d’analyser la vitesse de chargement de votre site, ainsi grâce à ces outils, vous allez pouvoir être en mesure de connaitre la performance de votre site et appliquer ou non sans tarder les astuces que je vais vous donner dans cet article.
Vous êtes dans le rouge ou orange ? Pas de panique, voyons comment améliorer cela rapidement avec les techniques suivantes.
2/ Optimiser le poids de vos images
Un détail qui a son importance et auquel on ne pense pas forcément : le poids des images ! Si le poids de vos images est conséquent et qu’en plus, vous y avez intégré de nombreuses images, votre site peut être ralenti pour cette simple raison.
Les images représentent bien souvent la plus grosse charge sur le temps de chargement d’une page pouvant aller jusqu’à 70 % du temps…
Sur un blog, pas la peine de télécharger une image prise sur votre smartphone en HD qui doit peser 3 ou 4 méga-octets… alors que sur un site l’idéal est d’avoir des fichiers de moins de 100 Kilo-octets. (1 Mo = 1000 Ko).
Pour réduire le poids de vos images, la technique la plus simple est de modifier leur dimension !
– Et pour cela rien tel que le bon vieux Photoshop, cliquez sur « Enregistrer l’image pour le web » et définissez une taille moins importante que celle d’origine.
– Gimp est un outil qui vous permet aussi de réduire facilement la taille de vos images.
– Picmonkey vous permettra de redimensionner vos images en ligne sans installer de logiciel sur votre ordinateur. Sur Mac vous pouvez aussi tout simplement utiliser l’aperçu.
Important : Le format de votre fichier, utilisez de préférence un format JPEG (ou JPG) qui sera plus léger qu’un format PNG (à utiliser surtout si vous avez besoin de transparence) et permettra un meilleur rendu qu’un GIF (à utiliser pour animer une image).
Une fois votre image redimensionnée, il existe des outils qui vont vous permettre de compresser encore plus le fichier : – Sur le web, vous pouvez utiliser Compressor.io qui est un outil gratuit, mais vous devez envoyer vos fichiers un par un.
– Sinon, l’outil Imagify (payant) est particulièrement bien fait, il propose une API complète, un plugin WordPress, et cerise sur le gâteau, est disponible en français !
– Autre possibilité sur WordPress, vous pouvez également installer le plugin EWWW Image Optimizer, il compresse chaque image que vous uploadez automatiquement.
Enfin, toujours pour gagner en rapidité, il est intéressant de déplacer vos images dans le cloud, par exemple sur Amazon S3, plutôt que de les stocker sur votre propre serveur.
Cela permet de décharger les requêtes sur votre serveur et donc d’en augmenter sa vitesse. Et les serveurs d’Amazon S3 chargeront probablement plus vite vos images que votre hébergeur actuel, surtout si vous n’avez pas de serveur dédié, mais juste un petit hébergement web.
Sur WordPress le plugin WP Offload S3, vous permettra de mettre cela en place assez facilement.
3/ Mettre vos fichiers en cache
Utiliser une mise en cache augmentera considérablement la vitesse de chargement de vos pages. Si vous n’avez pas un puissant serveur et que vous avez de nombreux visiteurs présents sur votre site en même temps, votre site sera ralenti par le nombre de requêtes simultanés lancées.
Qu’est-ce que la mise en cache ? Merci d’avoir posé la question !
Au tout début d’internet, les sites web n’étaient bien souvent composés que d’un seul fichier HTML qui comprenait le code de tout le site. Avec le temps, les sites sont devenus dynamiques avec de très nombreux fichiers et un accès à une base de données.
Lorsque chaque visiteur qui arrive sur un site de ce style (comme un blog wordpress par exemple), le site web va « créer » sur le pouce la page à afficher à l’utilisateur, et va donc accéder aux multiples fichiers et bases de données en faisant des requêtes sur votre hébergement.
En faisant une mise en cache, votre site va créer un fichier contenant une version statique (un peu comme une capture d’écran) de vos pages web. Lorsqu’un visiteur passera sur votre site, c’est ce fichier statique qui lui sera présenté, cela permettra donc d’éviter les multiples requêtes sur votre serveur avec bien sûr un gain considérable en vitesse de chargement !
Notez que certains plugins de caches permettent aussi de compresser tous vos fichiers CSS et JavaScript, ainsi que vos images. Une fois tous vos fichiers compressés, ils sont alors moins lourds et votre site s’affiche plus rapidement.
Voici une liste de plugins de cache WordPress :
– WP Rocket est très simple d’utilisation, et il s’occupe de tout ! Note : C’est le plugin que nous utilisons sur Social Media Pro.
5/ Choisir un hébergement plus puissant
Il se peut que le serveur que vous utilisez ne soit pas suffisamment puissant par rapport au nombre de visites que génère chaque jour votre site, et cela ralenti le chargement de votre site…
Un moyen tout simple pour augmenter la vitesse de votre site est donc de passer à la gamme supérieure chez votre hébergeur. Si vous êtes dans un hébergement mutualisé, le top du top serait de passer à votre propre petit serveur dédié qui ne contiendrait que votre site, ou mieux encore un serveur SSD dans le cloud.
6/ Utiliser un CDN
En utilisant un CDN ( Content Delivery Network ) tel Cloudflare, vous pouvez gagner en vitesse de chargement. En terme simple, un CDN va mettre en cache votre site web sur différents serveurs à travers le monde, et lorsqu’un visiteur souhaite se connecter à votre site, le CDN va sélectionner le serveur le plus proche du visiteur pour lui afficher votre site.
Exemple : Votre site est hébergé chez OVH à Roubaix : – Sans CDN, si je viens visiter votre site depuis New York, il faudra que je me connecte à votre serveur à Roubaix, évidemment plus je suis loin du Data-center, plus le temps de chargement est augmenté. – Avec un CDN, je me serais connecté à un serveur du CDN aux États-Unis, donc gain de vitesse de chargement.
N’hésitez pas à combiner Cloudflare avec un plugin de cache sur votre site.
Vous le savez désormais, un site qui se charge rapidement gagne non seulement en visiteur mais aussi en référencement. Et comme nous l’avons vu, les conseils énumérés plus haut sont très simples à mettre en place, vous n’avez donc plus aucune raison pour avoir un site lent !