Le temps de chargement : un élément à ne pas négliger
Optimiser la vitesse de chargement de son blog est primordial pour plusieurs raisons, qui jouent directement sur le trafic :
- L’expérience utilisateur : le client est roi et l’internaute est impatient, surtout maintenant avec le haut débit. Une étude de KissMetrics montre que 40% des consommateurs abandonnent un site e-commerce qui met plus de 3 secondes à se charger.
- Le temps de chargement d’un site est un des critères utilisés par Google pour le référencement naturel. (Vous avez téléchargé mon guide pour référencer votre blog en 20 étapes au fait ?)
Donc en résumé : des visiteurs qui abandonnent = moins de visiteurs, et un mauvais référencement = moins de visiteurs.
Pourtant, l’étude de Portent montre que 50% des sites se chargent en plus de 5 secondes !
Comment mesurer la vitesse de chargement de son blog ?
Plusieurs outils existent, chacun avec plus ou moins de fonctionnalités mais voilà ci-dessous ceux que j’utilise :
Webwait :
C’est le plus simple, il donne tout simplement le temps de chargement de l’url que vous renseignez. Il scanne 5 fois le site et en donne une moyenne. On voit par exemple que mon blog met 3,57 secondes à se charger en moyenne.
GTmetrix :
C’est le plus complet. Il intègre deux outils en un (Page Speed, un outil fourni par Google, et YSlow, un module de Firefox) et ce qui est intéressant, c’est qu’il nous donne des recommandations pour améliorer notre temps de chargement.
On voit que j’ai un score de 86% selon les critères de Page Speed et 66% selon YSlow.
On peut aussi comparer 2 url entre eux, utile pour vous comparer à votre principal « concurrent » par exemple.
L’avantage de cet outil est qu’il garde en mémoire un historique du temps de chargement, sans même avoir à s’inscrire. On voit que j’étais très mauvaise fin avril, je me suis améliorée en mai et là mi-juin j’ai voulu améliorer la vitesse mais j’ai fait pire lol
Par contre l’inconvénient c’est que le temps de chargement donné me semble erroné à chaque fois : 8,46 secondes ??? Si c’est le cas, c’est que vous êtes vraiment motivés pour lire mon blog ! ^^ (en même temps, je sais que certains d’entre vous n’arrivent carrément pas à ouvrir mon blog alors bon…)
Pingdom Tools :
Avec cet outil, la vitesse de chargement parait plus réaliste et on peut avoir les résultats selon différents lieux géographiques. Si vous avez un lectorat assez diversifié, notamment au Canada, il vaut mieux savoir si votre site se lit bien quel que soit le lieu de connexion.
A NYC, mon site met 1,77s à se charger ; 1,26s à Amsterdam ; par contre 5,28s à Dallas (ton univers impitoyaaable ♬)
Ce que j’aime bien aussi, c’est qu’on voit exactement le temps de chargement de chaque fichier et ainsi on peut déterminer où faire les optimisations.
Page Speed :
Même s’il est déjà utilisé par GTmetrix, j’aime bien regarder aussi ses résultats car non seulement il est en français (pratique pour comprendre ce qu’on doit optimiser), mais en plus il différencie bien les résultats avec un ordinateur et un mobile.
On voit que sur le mobile, je suis encore moins performante !
Webpage Test :
Sur celui-ci, on peut tester le site sur différents navigateurs (Chrome, Internet Explorer 7 et 8) et à différents lieux (au choix, contrairement à Pingdom Tools).
Qui est le plus rapide ?
Avec certains des outils ci-dessus, on peut comparer plusieurs sites entre eux. Mais le plus visuel et impactant est Whichloadsfaster.com (ça veut dire « qui se charge le plus vite.com »)
On a vu que certains indices ne reflètent pas forcément la réalité alors qu’ici, comme on voit les 2 sites s’afficher en direct, on sait qui s’affiche le plus rapidement. En effet, le temps de chargement donné est le temps que met une page à se charger en entier, alors qu’il est plus important que le site charge au moins une partie du contenu (au lieu d’avoir une page vide).
J’ai comparé mon blog à celui de Gwena (oui, le tout neuf, je vous en parle bientôt!) et le sien me bat à plate couture : 87% plus rapide sur la moyenne des 4 derniers tests et 53% plus rapide sur le dernier.
Comment optimiser le temps de chargement de son blog?
Ceci fera l’objet d’un prochain article, alors pour ne pas louper la suite, inscrivez-vous à la newsletter ! ^^
A vous de jouer
Quel est le temps de chargement de votre blog ? Est-ce que vous utilisez d’autres outils pour le mesurer ? Partagez avec nous vos outils dans les commentaires ci-dessous.
Mia
Ancienne responsable e-commerce pour une marque de luxe, elle est l'auteure du livre "Augmenter le trafic de son blog" paru aux Editions Eyrolles.
Elle s'adresse à tous ceux dont la passion est le moteur.
Voir sa description détaillée.
Les derniers articles par Mia (tout voir)
- Je vous invite dans ma bibliothèque (plein de cadeaux pour vous) - 2 avril 2019
- Je suis maman, blogueuse, guitariste, sportive et bien d’autres… - 28 mars 2019
- Le blog a 5 ans ! Un jeu-concours pour fêter ça - 8 mars 2019
Salut Mia,
une petite remarque en passant : le premier lien de l’article a l’air de ne plus exister (webwait).
tous les autres fonctionnent
Merci pour ce blog et tous ces conseils précieux que tu donnes!!
Wouah punaise je suis à 7.6s.
Mais bon je n’ai pas encore fait de page d’accueil j’y travaille justement.
Ce teste justifie d’vantage que je m’y penche.
Bonjour,
Je viens de m’apercevoir que mon blog met presque 1minute à se charger !(horreur!!).
Je ne vois pas ton article qui propose des solutions pour améliorer ce point.
Je suis sur WordPress.com et je ne peux donc pas ajouter d’extensions :/
Je ne sais pas quoi faire pour remédier à ce gros problème, hellpppp !
Merci d’avance 🙂
Gwendoline
http://depechesmode.com
Je n’ai pas encore eu le temps de faire l’article à ce sujet mais on en trouve plein (cherche sur Google).
Par contre sur WordPress.com tu ne peux pas y faire grand chose… Pour pouvoir faire ce que tu veux avec ton blog, le mieux est d’avoir WordPress.org…
Après, ne te fie pas forcément aux outils, ça dit que ça met 1 min pour charger toute la page (càd toutes les images etc de toute la page d’accueil) mais quand je vais sur ton blog, le contenu du début s’affiche rapidement donc pas de souci 😉
En fait c’est parce que tu affiches tes articles en entier sur la page d’accueil. Si tu n’affiches qu’un extrait par article et pas trop d’articles sur la page d’accueil, ça ira déjà mieux 😉
Et les photos ne doivent pas être de trop grande résolution non plus.
Sur Webwait, j’ai réussi à descendre à 5,06 secondes… j’avais fait plein de bidouillages avec htaccess pour réduire la vitesse de chargement, j’ai téléchargé des plugins type Smush.it ou BJ Lazy Load, qui sont pas mal. Jusqu’à ce que je décide à télécharger un truc qui s’appelle WP deferred Javascript (pour répondre à un problème que j’avais dans GT Metrix: un D à « defer parsing of Javascript ») et là, ça rende le site beaucoup plus lent… le plugin me faisait plus de mal que de bien finalement.
Salut !
Je suis justement en train de travailler sur mon temps de chargement.
Ce qui me bouffe le plus, c’est MailPoet Newsletters… Dis moi toi tu utilises quoi pour ta newsletter ? Si tu as quelque chose de moins gourmand, je suis preneuse x)
Voilà désolé pour la petite question technique 😉
Depuis le temps que je cherchais des outils de ce genre pour tester quelques thèmes wordpress, je suis comblé. Je n’ai plus qu’à tester tout ça.
Merci Mia! 😀
Merci, c’est grâce à toi si mon blog est plus rapide ou bien peut-être bien à cause de mon surnom … allez j’avoue on m’appelle speedygwen, bien trouvé non?
ahhhh! mais c’est toi, speedygwenzalès ?! 😉
10.62 pour moi pfiouuuu hate davoir tes astuces pour y remedier !!
Bon bon bon… Ben tu m’as donné envie d’améliorer tout ça ! Dans toutes les stats je suis plus lente que toi, si ça peut te rassurer lol ! Moi j’ai comparé à mon thème d’origine et surprise… Mon blog est 12 fois plus lent !!!!! *vais me pendre !
Merci pour les liens 😉
bonjour,
Alors moi il met dans les 2.60s
bonjour, alors moi il met dans les 2.60.
par contre je profite justement de ce premier commentaire (il était temps!) pour dire que d’un ton blog est super merci beaucoup pour toute cette aide.
Et que moi je peux aller sur la page d’accueil de ton blog, mais les » lire la suite » eux bloquent.
Par contre ça marche si je passe par les liens de la newsletter dans Gmail. Bizarre non ?! Oh et au passage, je suis au Canada
Merci
Nadege
2.28s de moyenne sur ton premier lien. Mais comme il fait une moyenne, c’est un peu faussé. Le tout premier chargement a mis un peu plus de 5 secondes. La mise en cache via Htaccess aide à bien diminuer les chargements suivants (la preuve avec ma moyenne de 2,28 secondes!). C’est une piste à exploiter pour ceux qui ne l’ont pas fait et on trouve des tutos facilement ;).
Par contre pour le référencement, je suppose que c’est pas la moyenne qui compte, dommage pour moi!
Oui je pense qu’ils font une moyenne justement car le premier chargement est toujours plus long (enfin, c’est moins long après si on a un cache).
Sinon je pense que les moteurs de recherche prennent la moyenne aussi, vu que eux, reviennent tout le temps sur ton blog, ils doivent bénéficier du cache aussi sûrement? 😉
en tout cas merci pour ton commentaire!
J’ai hâte d’en savoir plus sur l’optimisaion car mon site est loooong mais je ne sais pas quoi faire pour améliorer la chose ^^
AHHH d’accord ! 🙂
Merci d’avoir prit le temps de regarder ^-^
C’est vrai qu’il y a beaucoup d’articles, avec des gifs ect… Mais ça fait parti de l’univers en même temps.
Je vais voir ce que je peux faire au cas où !
Bonne journée !
… moi ça me met 30secondes environ sur le premier site.. super 🙁
ah ouais c’est bizarre, car ce n’est pas le cas quand on va sur ton site 🙂
en fait ça met 30 secondes pour charger ta page d’accueil en entier, vu que tu mets plein d’articles les uns à la suite des autres avec plein de photos. mais comme le haut de la page se charge quand même, tes visiteurs ne s’en vont pas! 😉
après pour le référencement, par contre c’est pas top…
Merci pour toutes les explications ! ;:-)
J’espere que ça n’endommage pas trop trop le referencement quant même.. J’ai enlevé mon fond pour voir ce que ça donne 🙂
A bientot !
Mon blog charge a 5.69 s déjà que j’ai pas beaucoup de visiteur ça m’aide pas ! hate de lire ton prochain article 😉
tu as regardé avec quel outil? car sur whichloadsfaster, tu es plus rapide que moi 😉