Vous ne le savez peut-être pas mais aujourd’hui, un internaute n’attend pas plus de 3 secondes le chargement d’une page internet avant de la refermer alors il est important d’optimiser la vitesse de son site. A l’aire du numérique, de la fibre, de la 5G, on a plus le temps de regarder le cercle du navigateur tourner ou la barre de chargement devenir verte. On veut tout, tout de suite. Moi-même, si je clique sur un site il doit s’afficher presque instantanément ou je m’en vais sans crier gare, et ce n’est pourtant pas faute d’avoir connu la vitesse médiocre de l’ADSL (et je ne parle pas de ceux qui ont vécu l’époque du modem).
Aussi, il est facile de deviner que pour un site de vente en ligne, c’est un réel problème de ne pas savoir optimiser la vitesse de son site. Cela impacte immédiatement le chiffre d’affaires.
Le SEO aussi, est concerné. Aujourd’hui, les robots des navigateurs tiennent compte de la vitesse de chargement d’une page et celle-ci est ralentie, le site est condamné à errer loin des premières pages de recherches. Alors n’attendez plus optimiser la vitesse de votre site et mettez tout en œuvre pour faire de votre site une formule 1. Pour cela, trois questions auxquelles je vais tenter de répondre.
C’est très simple mais en premier lieu il ne faut pas confondre ce que l’on perçoit et ce qui est vraiment. Si mon site a du mal à s’afficher ce matin c’est peut-être simplement la faute de ma connexion internet. D’un autre côté, comme c’est lundi matin et qu’aujourd’hui je vérifie les statistiques sur mon Google Analytics, je constate rapidement que le taux de rebond a monté en flèche depuis huit jours. Analyser le comportement des visiteurs peut être révélateur d’un site qui charge mal.
Mais, comme les hypothèses ne sont pas viables et qu’on n’a pas tous la vocation d’être statisticien, il est plus sage et sûr d’utiliser les outils mis gratuitement à notre disposition pour savoir comment optimiser son site. Comme GOOGLE PAGESPEED INSIGHTS. Cet outil Google fournit une liste de recommandations pour tenter d’améliorer vos résultats. Tout comme GTMETRIX.
Plusieurs raisons sont à pointer du doigt.
Vous voulez les plus belles images pour votre site, des vidéos haute définition. Parce que vous voulez ce qu’il y a de mieux pour vos visiteurs/adonnés. Oui, mais le souci c’est que si vous en avez beaucoup et toutes dans un format élevé, alors il faut du temps pour qu’elles s’affichent sur les écrans, et c’est encore plus vrai sur la version mobile.
Un site internet n’est pas un bloc-notes sur lequel vous pouvez écrire toutes vos idées, dans tous les sens. Il faut un menu clair et concis et s’y tenir. Si on a trop d’idées, mieux vaut plusieurs petits sites qu’un gros site au contenu brouillon et lent.
Il y a une chose qu’il faut garder en tête quand on parle d’optimiser la vitesse de son site, c’est que chaque fois qu’un visiteur clique sur un lien, c’est une demande HTTP qui est lancée sur le serveur. Si naturellement, il n’y a rien de mal à faire vagabonder de page en page le visiteur pour qu’il trouve toutes les informations qu’il a besoin, c’est double peine si celui-ci tombe sur une page qui n’existe pas. Il va peut-être s’en aller mais surtout ces demandes HTTP de pages inexistantes vont ralentir le site. Oui, les liens morts pèsent sur le serveur pour rien.
Ou au nombre exorbitant de scripts utilisés qui viennent salir le code. Ce n’est pas parce que tout semble ok côté FRONTEND, que côté BACKEND c’est aussi clair et lumineux. Si vous utilisez un CMS tel que WordPress, vous serez naturellement tenté par la liste interminable de plugins mise à votre disposition. Mais, pensez toujours que chaque action supplémentaire imposée au serveur pour afficher le site ralentira la page pour l’utilisateur.
Un menu simple, sans déroulement infini et un nombre respectable de pages pour le site soulagera le serveur et les pages chargeront plus vite pour l’utilisateur.
Il faut réduire au maximum la taille de vos images, compressez-les.
Tous les logiciels de retouche d’images proposent la compression selon un pourcentage. Baissez ce pourcentage à 60% réduira considérablement le poids de votre image sans perte de qualité. La norme au début est de ne pas dépasser 100ko par image. Concernant le format, préférez toujours les formats .JPEG, .GIF et .PNG, et évitez les formats .TIFF et .BMP.
Pour les vidéos, utilisez toujours une plateforme de streaming telle que Youtube. Un lien externe est plus facile à gérer pour le serveur qu’une vidéo qui pèse plusieurs gigas. De même, petit conseil avisé, ne laissez jamais la lecture en automatique. Il n’y a rien de plus désagréable que de cliquer sur un lien et d’arriver sur un lecteur qui démarre aussi sec. Pire ! Si la connexion est mauvaise, c’est toute la page qui rame inutilement.
Dans le même genre, je déconseille les bannières animées pour votre site, c’est une plaie pour la vitesse de chargement.
Comme souligné précédemment, si vous utilisez un CMS pour votre site tel que WordPress ou Prestashop, vous serez confrontés à une bibliothèque remplie de plugins tous plus intéressants les uns que les autres. Le souci c’est que chaque plugin est un programme unique. Et, si en effet sa fonction est de faciliter la conception de votre site en ajoutant d’office certaines fonctionnalités, gardez à l’esprit que chaque plugin accapare de l’espace sur le serveur. Sans oublier qu’ils peuvent contenir des failles de sécurité. Beaucoup installent même un suivi de scripts afin de collecter les données de vos utilisateurs, et forcément tout cela cumulé ça dégrade sérieusement les performances de votre site web.
Régulièrement, vous devez donc veiller à désactiver ou mieux, supprimer toutes les extensions qui ne sont plus mises à jour ou que vous n’utilisez plus sur votre site.
G-zip permet la compression de tous les textes (puisque vous avez déjà compressé vos images). Si la procédure est activée, le serveur web initie automatiquement la compression de l’espace web téléchargé et génère des éléments de sites dynamiques. Ainsi, le temps de chargement peut être considérablement réduit. En effet, les visiteurs n’ont qu’à charger des paquets de données compressées**,** la construction de pages est donc beaucoup plus rapide. La décompression est effectuée en arrière-plan par le navigateur sans aucune bande passante supplémentaire. Les utilisateurs d’appareils mobiles bénéficient également de cette amélioration de performances.
On ne le dira jamais assez mais l’Hébergeur ne doit pas être choisi au hasard.
Vous n’avez pas l’obligation de vous y connaître dans ce domaine, il existe des professionnels à votre écoute qui vous aideront à choisir le forfait d’hébergement idéal selon vos besoins. Est-ce que votre site possède un fort trafic ou au contraire est-il aussi clair que l’autoroute un dimanche matin ? Est-ce que votre site web est un site de vente en ligne, un site d’actualité, ou un blog informatif ? Faites une petite liste de vos besoins pour ne rien oublier, cela facilitera vos échanges et vous serez à même de poser les bonnes questions. Et, ne vous tournez pas vers des solutions gratuites ou à tarif défiant toutes concurrences car vous risquez d’avoir des surprises par la suite.
Et, si vous avez les moyens prenez l’option CDN (content delivery network). Contrairement aux services d’hébergement traditionnels, un CDN héberge votre site web (ou application web) sur un “réseau” de multiples serveurs géographiques, appelé “nœuds”. En résumé, cela signifie que lorsqu’une personne demande l’accès aux pages de votre site web, elle est systématiquement connectée au serveur le plus proche. Cette optimisation basée sur les coordonnées GPS de l’utilisateur réduit donc considérablement la distance, la latence et augmente ainsi la vitesse de chargement. De plus, ce type de serveur optimise automatiquement les performances. Ce système réduit au final la consommation de bande passante de 70% et augmente les temps de chargement de 50%.
Ainsi, vous l’aurez compris, non seulement c’est essentiel d’optimiser la vitesse de son site, mais il faut jouer sur différents tableaux en même temps pour réduire au maximum le travail du serveur et rendre l’expérience utilisateur optimale, en plus d’être agréable. Le point positif, c’est que vous n’avez pas besoin de posséder un bagage technique solide pour améliorer les performances de votre site web. Aussi, n’oubliez pas de vérifier régulièrement votre score pour être toujours au top et gardez bien en tête que vous n’avez que 3 secondes pour convertir vos visiteurs.
+200 ressources en ligne pour tes projets de design !
Photos / illustrations / icônes / vidéos / musique / mockups / jeux / etc..
Reçois les mises à jour de Webby Booster, des tutoriels et des conseils directement dans ta boîte mail.
Reçois les mises à jour de Webby Booster, des tutoriels et des conseils directement dans ta boîte mail.
