Vous remarquez souvent une lenteur dans le chargement et l’affichage des pages sur votre site web, ce qui n’est d’aucune utilité pour votre business! Comment remédier alors à ce problème ? Comment faire pour optimiser cette vitesse de chargement ?
Vous découvrirez dans cet article 8 astuces qui vous aiderons désormais à booster la vitesse de chargement de vos pages web.
Encore appelée page speed, la vitesse de chargement d’une page site web est le temps qu’il faudra pour afficher la totalité du contenu de la page en question tout en tenant compte du TTFB c’est-à-dire le Time To First Byte. Le TTFB est en fait le temps de chargement du premier octet. Il dépend du temps que mettra votre serveur à réagir et aussi du temps que mettra le réseau pour effectuer l’acheminement.
La vitesse de chargement est en réalité un facteur essentiel pour le succès d’un site web. Si les internautes veulent visiter votre site et qu’ils sont confrontés à ce problème alors il faudra tout faire pour qu’ils aient facilement l’accès au site. Etant donné qu’ils utilisent de plus en plus les supports mobiles pour naviguer, le fait d’améliorer la vitesse de chargement aura un effet positif sur non seulement le nombre de pages visitées, la conversion mais aussi le référencement naturel SEO de votre site.
Les astuces :
- 1. Activez la compression des fichiers
- 2. Minifiez vos fichiers CSS, JavaScript et HTML
- 3. Mettez ensemble les fichiers CSS et JavaScript
- 4. Optimisez vos images
- 5. Utilisez le cache de votre navigateur
- 6. Evitez les redirections
- 7. Utilisez un CDN (Content Delivery Network)
- 8. Optimisez le temps de réponse du serveur
1. Activez la compression des fichiers
Dans la configuration de votre serveur web, intégrez GZip pour faire la compression de vos fichiers (fichiers CSS, JavaScript et HTML) avant tout envoie auprès de vos clients. La compression des fichiers réduit considérablement le temps de chargement des pages vues que le poids des fichiers est suffisamment réduit. Savez-vous qu’un fichier compressé peut avoir son poids diminué de 60 à 80% ? Bien sûr! mais cela dépend du type de fichier compressé.
2. Minifiez vos fichiers CSS, JavaScript et HTML
La minification est le fait d’optimiser le code tout en supprimant les commentaires, les espaces, les caractères inutiles, les sauts de lignes, etc…Elle est une très bonne méthode car permet de diminuer le poids des fichiers CSS, JavaScript et HTM
Le seul problème au niveau de cette méthode, est le fait qu’elle rend la lecture du code difficile aux hommes . Il existe plusieurs outils en ligne tels que le CSSMinifier qui est très efficace pour minifier facilement vos fichiers.
3. Mettez ensemble les fichiers CSS et JavaScript
Malgré que ce regroupement pose parfois quelques problèmes surtout dans WordPress où chaque plug-in vient avec son CSS ; il permet quand même de limiter le nombre de requêtes. Il est plus avantageux de charger un fichier CSS de 50 Ko que 5 différents fichiers CSS pesant chacun 10 Ko parceque le transfert de 50 Ko de donnés est plus facile et plus rapide en une seule connexion que de façon détaillée.
4. Optimisez vos images
Lorsque vous avez des images lourdes sur vos pages, elles prendront inévitablement plus de temps à télécharger. L’idéale est d’éviter l’utilisation de ces gens d’images. Par conséquent, les optimiser tout en gardant leurs bonnes qualités serait le mieux. Ainsi il faut utiliser le PNG pour réduire le poids et donner un bon éclat à vos images qui n’ont pas assez de couleur différente et le JPEG pour celles qui ont plus de couleurs sans oublier de les compresser avec un outil approprié comme Photofiltre par exemple.
Le “Lazy load” est aussi un mécanisme très intéressant. Il permet le chargement des images au fur et à mesure qu’elles apparaissent dans la page. Si par exemple il y a une image située en bas d’une page, le mécanisme de « Lazy lord » fait en sorte que l’image ne puisse pas s’afficher directement dès qu’un internaute va sur cette page, mais elle s’affiche que si l’internaute descend au fur et à mesure vers le bas de la page jusqu’a l’emplacement de l’image.
Cela permet ainsi une lecture plus rapide avec un téléchargement progressif des images et évite le chargement inutile des images si toute la page n’est pas consultée.
5. Utilisez le cache de votre navigateur
Lorsque vous visitez un site sur votre navigateur, ce dernier met toujours en cache quelques éléments. Le mieux est que vous paramétrez la mise en cache de votre navigateur pour qu’il sache quoi mettre en cache et pour combien de temps.
6. Evitez les redirections
Evitez de rediriger les internautes de page en page afin de réduire les requêtes HTTP. Si pas exemple, un visiteur accède à “votre-domaine.fr” et que vous l’envoyé vers “www.votre-domaine.fr” et encore vers “www.votre-domaine.fr/accueil/”, cela devient très lourd en requête HTTP et de plus une perte de temps ce qu’il faudra éviter.
7. Utilisez un CDN (Content Delivery Network)
Le CDN permet d’améliorer la vitesse de chargement de vos pages du fait qu’il est utilisé pour envoyer les contenus au client depuis les serveurs qui sont sur les sites proches de vos clients géographiquement.
8. Optimisez le temps de réponse du serveur
L’optimisation du temps de réponse de votre serveur lui permet de vite délivrer les réponses et d’être plus réactif. Sa configuration favorise la rapidité du routage
Voici une liste de quelques outils intéressants qui vous permettrons de mesurer la vitesse de chargement de vos pages. Ces outils sont pour la plupart du temps suffisamment bien élaborés pour vous indiquer les points à corriger. Vous avez par exemple GTMetrix, WebPageTest, Pingdom, YSlow, Firebug, PageSpeed (outil Google)
S’il arrivait que vous rencontriez quelques difficultés à les mettre en pratique, vous pouvez contacter Expertise SEO. Notre équipe est à votre disposition 24h/7 par téléphone sur (+229) 90-58-60-75.