Qu’on se le dise, les internautes sont de moins en moins patients et la vitesse d’affichage de votre site n’est pas un caprice. Une recherche sur les habitudes des américains a démontré qu’une seconde supplémentaire de délai pouvait représenter 1.6 millard de dollars en perte pour Amazon. Un ralentissement de 0.4 secondes pour une page de Google représenterait une perte de plus de 8 millions de dollars… par jour! ¹
La qualité du design de votre site web jouera un très grand rôle au niveau de l’utilisabilité. Toutefois, un fait souvent négligé: un site lent fait perdre des ventes. La vitesse est beaucoup plus importante que vous ne le croyez! Vous devez faire tout ce que vous pouvez pour avoir un site web rapide.
Mon site est lent… est-ce si grave ?
Oui, c’est très grave!
Non seulement, vous perdez des visiteurs sur votre site web, car ces derniers se découragent, mais cela a un impact direct sur vos ventes!
En plus, la vitesse de votre site web est un critère de qualité de votre site qui est largement considéré par les moteurs de recherches pour établir la crédibilité des pages de votre site. Une page lente verra assurément son rang diminué lors d’affichages des résultats de recherche. La vitesse de votre site a un impact direct sur votre référencement web (SEO).
Vous avez beau avoir mis le paquet sur votre design et la qualité de vos contenus, ce n’est pas suffisant!
Première étape: Constater le problème
Avez-vous remarqué que votre site était lent ? Est-ce qu’il est nécessaire d’attendre plusieurs secondes avant de voir une page apparaitre ? Pensez-vous que votre site pourrait être plus rapide ? Si vous avez répondu « oui » à une de ces trois questions, vous devez tester la configuration de votre site!
Il existe plusieurs outils pour le faire. Débutez par récupérer la page d’accueil de votre site et faites le test!
Tester sur Pingdom website speed test
Et puis, que dit votre score ? Y a-t-il place à amélioration ? Le score de mon site varie entre 85% (Pingdom) et 98% (GT Metrix) après avoir fait des améliorations. Et vous ?
Deuxième étape: Pourquoi mon site web est lent ?
Dit simplement, votre site est lent puisqu’il n’est pas optimisé! Ok… mais pourquoi ?
Les facteurs sont multiples et varient d’un site à l’autre. Voici les causes principales possibles:
- Images volumineuses: C’est le cas le plus fréquent. Votre page contient des images non optimisées pour le web. Ainsi, une seule image peut retarder de manière drastique le temps d’affichage de votre page. Chaque image se doit d’être optimisée au niveau de la taille, du poids, de la qualité et du type de fichier.
- Code non efficace: Si vos pages sont dynamiques (page dont le code HTML est généré chaque fois que la page est appelée) et qu’il n’est pas optimal, le temps de chargement en sera affecté. Vous pouvez, dans un premier temps, optimisé le code ou conserver le HTML généré de manière à ne pas réexécuter le code à chaque appel de page.
- Nombre d’éléments à charger: Si une page de votre site affiche 5000 images, il est très possible que le chargement de la page soit interminable. Il est important de s’assurer que le poids d’une page permette de conserver une bonne vitesse de chargement. Si vous utilisez de nombreuses images sur toutes vos pages, vous pourriez considérer de faire une recherche sur la méthode du sprite des images.
- Aucun caching: Si votre site web ne demande pas, via des commandes sur votre serveur d’hébergement, à vos visiteurs de garder en mémoires les images et certains fichiers déjà téléchargés lors d’une requête précédente, les fichiers devront être téléchargés à chaque fois qu’une page est affichée.
- Aucune minification: La mininification du code (HTML, Javascript et CSS) consiste à retirer tous les caractères inutiles et à conserver uniquement ce qui est essentiel. Le gain est surtout appréciable si vous avez un nombre élevé de visiteurs sur votre site.
- Concaténation de scripts: Souvent joint à la minidifcation, la concaténation est le fait de regrouper plusieurs fichiers en un seul fichier. Ainsi, Si 5 fichiers combinés n’en forment plus qu’un seul, vous venez de « sauver » 4 requêtes faites à votre serveur d’hébergement et ce, chaque fois qu’une page est demandée.
- Rapidité des serveurs: La rapidité de votre hébergeur peut également être la cause d’une site web lent. On mentionne notamment la vitesse des processeurs, la quantité de mémoire disponible, le type de disque dur utilisé, l’emplacement physique des serveurs (ville ou pays) et également la qualité de la connexion à Internet. Si vous utilisez un hébergement partagé, les autres clients partageant le serveur avec vous peuvent avoir une influence sur les performances et ce, même si votre hébergeur possède du matériel à la fine pointe de la technologie.
Troisième étape: Quoi faire ?
Votre site est lent. Quoi faire ? La réponse simple: l’optimiser!
Il est difficile de donner ici une marche à suivre précise que vous pourrez appliquer à tout coup sans vous casser la tête. Cela dit, les rapports donnés par les outils mentionnés précédemment pourront certainement vous aider à améliorer vos performances.
Si vous n’êtes pas en mesure de comprendre ce que vous pouvez faire via les données recueillies dans les rapports générés ci-haut, il vous faudra trouver un expert pour vous aider. Rappelez-vous qu’un temps de chargement dépassant les 2 secondes causera des frictions auprès de vos visiteurs et que ces frictions peuvent les mener à quitter votre site uniquement pour cette raison. Vous avez beau avoir le meilleur service au monde, mais si vos clients potentiels ne vous contactent pas, il sera impossible de montrer à quel point vous êtes dédié!
En prenant action, vous serez en route vers un site web rapide qui vous aidera avec votre entreprise!
Mon site web est lent. J’ai besoin d’aide!
1. Source: How one second could cost amazon $1.6 billion in sales
Crédit photo: Dan DeChiaro
Bon article!
Je pense que tu peux ajouter la concaténation des Scripts et des feuilles de styles à la liste, ce qui réduis le nombre de requêtes qui bloque le rendu de la page.
Également, la vitesse de chargement que donne Pingdom et GT Metrix n’est plus vraiment un indicateur fiable sur la rapidité d’un site. Il est préférable de regarder l’indice de vitesse (Speed index) qui est seulement disponible, à ma connaissance, sur webpagetest.org. J’ai écrit un article sur le sujet: https://bulledev.com/vitesse-chargement-vs-indice-vitesse/
Je parlais de minification et de nombre d’éléments à charger… mais ce n’était pas aussi clair que de mentionner explicitement la concaténation. C’est maintenant fait.
En fait, les outils mentionnés sont des indicateurs afin de détecter des aspects à améliorer qui résulteront en une amélioration de la vitesse du site. Je n’ai pas prétendu qu’ils étaient des indicateurs sur la rapidité, mais ils permettent d’identifier plusieurs lacunes.
Merci pour lien vers ton article.
Tu as bien raison, je ne l’avais pas compris comme cela à ma première lecture. Il est vrai que Pingdom est bien utile pour détecter un problème rapidement.
Bonjour Maxime,
Merci pour cet article ! Je me permets de te proposer de tester notre outil https://www.dareboost.com. Nous allons plus loin dans les recommandations que les outils précités, et avons l’avantage d’être disponible en français également.
Si un compte de démo t’intéresse pour un article ici éventuellement, n’hésite pas à me contacter.
Nous ne proposons pas encore le SpeedIndex (cela devrait arriver prochainement), nous avons par contre les résultats de performance.timings, qui de mémoire ne sont pas disponibles sur Pingdom ou GTMetrix