La page charge déjà depuis quelques minutes et les images ne sont pas encore affichées. À la place, un cercle gris et peu engageant informe du “chargement” ou pire encore, on peut voir la barre de chargement se remplir lentement… très lentement.
Si vos visiteurs sont confrontés à ces signaux, ils n’ont généralement pas d’autre choix que de quitter la page. Et c’est un indice infaillible qu’un nouveau monstre de l’optimisation a encore frappé : le monstre du temps de chargement.
Rien ne peut rebuter plus vos utilisateurs qu’un temps de chargement lent sur la première page qu’ils ouvrent. En plus d’une expérience utilisateur douteuse, un temps de chargement allongé peut provoquer de grandes pertes de ventes pour une boutique en ligne. Raison de plus donc pour que votre site web aille à la vitesse nécessaire.
Selon une étude réalisée par kissmetrics, près de la moitié des internautes attendent un temps de chargement de moins de deux secondes. Si les trois secondes sont atteintes, plus de 40% des visiteurs sont déjà partis. C’est automatique : plus votre temps de chargement est rapide, plus l’internaute reste sur la page, et plus le taux de rebond demeure bas.
Il est donc temps de savoir comment agir si le monstre du temps de chargement s’est installé sur votre page.
Lorsqu’ils ouvrent un site web, les internautes attendent, en plus d’un fonctionnement technique parfait et d’un contenu de haute qualité, des images significatives. Cependant, plus ces éléments mettent du temps à charger, plus ils ralentissent la vitesse générale du site web.
Dans ce diagramme de httparchive, il apparaît clairement que les fichiers images et vidéos représentent environ trois quarts de la taille d’une page moyenne de 2533 kB. Quand les images prennent du temps à charger, la lecture est affectée et l’expérience utilisateur appauvrie.
Illustration 1 : httparchive, 2017
Il est donc préférable de compresser les images avant de les ajouter, tout comme de choisir le bon format. Pour cela, il est possible de travailler avec un programme d’édition d’image comme Gimp. Les photos de haute résolution peuvent être enregistrées en JPEG, les petits graphiques en GIF.
L’étude d’httparchive renseigne également sur la taille moyenne de chaque format de fichier.
Illustration 2 : httparchive, 2017
Astuce : pour l’optimisation des images, divers outils sont à votre disposition, comme par exemple le freeware jepgtran pour les fichiers JPG, ou PNGOUT pour les fichiers PNG. Si vous travaillez vos images avec Photoshop, la solution est simple : il suffit de cliquer sur l’option "exporter" dans l’onglet "fichier", puis "enregistrer pour le web". Les images sont automatiquement réduites.
L’outil de Google PageSpeed Insights vous montre quels sont les facteurs à améliorer pour vos sites web et mobiles. Pour l’analyse mobile, un temps de chargement encore plus bref est recommandé :
"PageSpeed Insights analyse une page pour voir si elle répond à nos recommandations quant au rendu d’une page sur un réseau mobile en moins d’une seconde."
Illustration 3 : exemple pour un test de performance avec PageSpeed Insights.
L’évaluation de la vitesse d’une page est notée entre 0 (mauvais) et 100 (très bien). Les pages obtenant un score de 85 (ou plus) sont considérées comme puissantes. Mais les résultats peuvent varier selon le développement des règles et des méthodes d’analyse que Google modifie de temps en temps. Se tenir à jour est donc conseillé.
Le rapport sur la performance du Website Success de Ryte peut vous aider, comme son nom l’indique, à analyser les performances du serveur. Il fournit des points de départ pour l’optimisation.
Ainsi, vous pouvez par exemple :
Il vous suffit d’ouvrir le rapport sur la performance dans le module et de cliquer sur "Temps de chargement".
Illustration 4 : Aperçu du temps de chargement du site web avec Ryte
En un seul coup d’oeil, le rapport vous indique quels fichiers réagissent très lentement sur votre serveur. En cliquant sur n'importe quel graphique, vous activez le filtre correspondant.
Illustration 5 : aperçu avec le filtre activé
Vous voyez ici le temps de réponse du serveur et les points qui sont à améliorer. Le Time to First Byte (TTFB) vous indique aussi quels sont les fichiers sur votre serveur qui nécessitent trop de temps pour répondre aux demandes du robot d’exploration ou du navigateur.
Adieu les temps de chargement longs ! Grâce aux conseils énoncés et à l’aide de Ryte, vous pouvez vous débarrasser de ce monstre apathique et visqueux. Vos chances d’être perçu au milieu de vos principaux concurrents en ligne sont augmentées par une performance optimisée : assurez donc dès le début des temps de chargement réduits. Les facteurs les plus importants sont ici la structure HTML d’une page et une utilisation correcte des scripts, des images, du CSS et de JavaScript. Consultez enfin notre guide sur l’optimisation du temps de chargement : nous détaillons ces points avec encore plus d’exemples pratiques !
Prêt pour le prochain round face à d’autres monstres de l’optimisation ? Notre prochain article présentera le monstre du duplicate content : un monstre diabolique à deux visages qui avec une force dupliquée, met votre quotidien d’optimisation sens dessus dessous. Nous vous montrerons comment l’affronter, restez en ligne !
Surveillez et améliorez la performance de votre site web avec Ryte FREE
Et c'est gratuitÉcrit le 19.05.2017 par Eva Wagner.
Eva rassemble beaucoup d'expérience dans le marketing. En 2015, elle devient un super-héros à Ryte. Avec beaucoup de créativité et un sens affiné pour les sujets d'actualité, elle gérait les activités de rédaction de Ryte. Elle organisait aussi la participation de l'entreprise à de grands événements et salons, comme la dmexco de Cologne.
Suivi, analyse et optimisation de vos actifs numériques grâce à notre technologie unique
S’inscrire gratuitement