Optimiser la Vitesse de son Site
L'expérience utilisateur
Pour un utilisateur, naviguer sur un site fluide et réactif est primordial. Dès la première seconde vos visiteurs peuvent réagir si votre site est trop lent. Aussi il est important de gérer au mieux vos visiteurs dès l'arrivée, en offrant une utilisation confortable de votre site internet. Suivant les cas, il faut accélérer jusqu'à plusieurs fois le temps de chargement normal de votre site internet. Bien sûr suivant les types de sites et contenus, les techniques à retenir sont différentes...
Pour Google
La vitesse de téléchargement d'un site internet est devenue un critère pour le référencement sur Google. Bien que ce moteur de recherche a signalé qu'il fallait que les sites soient très lents pour en arriver à des sanctions. Aussi plus le temps avance, plus il est raisonnable de comprendre que c'est un critère qui devient important.
Mesurer la rapidité
Plusieurs critères à retenir :
- Temps de téléchargements des codes
- Fichiers (images, styles, scripts etc...)
-
Divers critères (Géographique, sélections, etc...)
Pour faire simple : retenir ces quelques règles pour accélérer son site internet !
Facile à réaliser pour un nouveau créateur de site
- Éviter les redirections sur la page de destination, surtout sur l'accueil de votre site internet
- Optimiser les images
- Exploiter la mise en cache du navigateur
Pour vous donner un exemple une personne nous contacte et nous demande conseil pour son site web. La première chose que nous constatons sur celui-ci, c'est la taille des images sur la page d'accueil. Pour une image, nous constatons par exemple, que celle-ci est redimensionnée au chargement et que son embonpoint particulièrement développée on va dire. De plus son format de couleurs n'est pas le bon.
Cette page sur "PageSpeed Insights" obtenais un score de 40/100 pour les mobiles et 51/100 pour les Ordinateurs. Afin de démontrer la valeur de notre traitement nous décidons, d'optimiser pour un début seulement cette image.
Aussi celle-ci est passée de 895,4 ko à 13,4 ko sans perdre en qualité. Nous pouvions encore l'optimiser, mais nous nous sommes volontairement arrêté là pour la démonstration. Sa taille et le format des couleurs corrigé, nous obtenions en quelques minutes, un score de 51/100 pour les mobiles et 64/100. Il faut dire que nous avions une image vraiment optimisée. Mais cela démontre qu'il ne s'agit pas d'utiliser des outils couteux des fois, pour obtenir un bon résultat.
Plus difficile et demande déjà un peu d'expérience
- Autoriser la compression
- Réduire le temps de réponse du serveur
Plus approfondi et demande certaines connaissances
- Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison
- Afficher en priorité le contenu visible
- Réduire la taille des ressources JavaScript
- Réduire la taille des ressources CSS
- Réduire la taille des ressources HTML
La fin justifie les moyens.
Mais ce n'est pas tout car d'autres combinaisons et moyens existent pour arriver à ses fins.
Si nous devions en citer qu'un, le CDN (Content delivry network). Pour expliquer simplement : un CDN est constitué de serveurs reliés en réseaux sur internet coopérants ensemble afin de distribuer un contenu de données à des utilisateurs. Mais les CDN vont plus loin aujourd'hui comme sécuriser l'accès au site internet et les sites internet eux-mêmes.
Résumé
Rendre l'accès à votre site ou futur site internet le plus rapide et le plus fluide possible, vous servira donc aussi bien pour l'expérience utilisateur que pour le référencement. De nombreux outils sur le net pour mesurer la vitesse de son site et obtenir des rapports sont disponibles. Beaucoup sont en Anglais, mais vous fournissent aussi des données différentes. Le choix vous appartient en fonction de vos besoins.
Nous pouvons auditer votre site, et cela en toute confidentialité. Pour cela contactez-nous par le biais de ce formulaire, nous vous répondrons le plus vite possible.