Le monstre du temps de chargement lent

Le monstre du temps de chargement lent

La navigation dans les pages est en cours de chargement depuis quelques minutes et les images ne sont pas affichées du tout. Au lieu de cela, un anneau gris "Chargement" gris est affiché, ou pire, une barre de chargement.

Lorsque vos visiteurs sont confrontés à ce type d'annonce, ils n'ont généralement pas d'autre choix que de quitter le site très rapidement, signe indiscutable que le prochain monstre de l'optimisation de la vie quotidienne a frappé: Le monstre au temps de chargement lent!

Magazine Monster PageSpeed ​​optimisation du site Web lent temps de chargement

Rien ne peut effrayer davantage les utilisateurs du premier appel de page qu'un temps de chargement lent. Outre une mauvaise expérience utilisateur, chaque milliseconde de temps de chargement, en particulier pour les opérateurs de boutique en ligne, peut entraîner des pertes de ventes importantes. Il est donc d'autant plus important que votre site web dispose de la vitesse nécessaire.

Selon une étude de kissmetrics, près de la moitié des utilisateurs d’Internet s’attendent à un temps de chargement inférieur à deux secondes. Si le chargement prend plus de trois secondes, 40% des visiteurs décrochent. Plus votre temps de chargement est court, plus l'utilisateur reste longtemps et plus le taux de rebond est faible.

Nous vous montrerons ce que vous pouvez faire si le monstre vous a également envoyé le temps de chargement lent!

Notre exemple de pratique écrasante

Lorsqu'ils consultent un site Web, les visiteurs attendent non seulement une fonctionnalité techniquement irréprochable et un contenu de haute qualité, mais également des images significatives. Cependant, plus la charge de ces éléments est longue, plus la page se construit lentement.

Le diagramme de l'archive http montre que les fichiers image et vidéo représentent environ les trois quarts de la taille de page moyenne de 2533 ko. Si les images apparaissent alors en retard, cela perturbera le flux de lecture et l'expérience utilisateur sera médiocre.

Monster2_1 Optimisation du site Web ralentit le temps de chargement

Figure 1: httparchive, 2017

Il est préférable de compresser les images avant de les insérer et de choisir le bon format. Pour cela, vous pouvez travailler avec un programme de retouche d'image tel que Gimp. Vous stockez des photos haute résolution au format JPEG, de petits graphiques au format GIF.

L’étude de httparchive montre également la taille moyenne de chaque format de fichier.

Monster2_2 Optimisation du site Web: temps de chargement lent

Figure 2: httparchive, 2017

Astuce: Pour l’optimisation des images, vous pouvez utiliser divers outils, tels que le logiciel gratuit jpegtran pour les fichiers JPG ou PNGOUT pour les fichiers PNG. Si vous modifiez vos images avec Photoshop, il existe une solution simple: il suffit de cliquer sur l'onglet "Fichier" sous "Exporter" pour sélectionner l'option "Enregistrer pour le Web". Cela réduira automatiquement la taille des images.

Vérifiez le temps de charge et optimisez

Quels sont les facteurs à optimiser dans le cas spécifique de vos pages mobiles et de bureau, indique l’outil PageSpeed ​​Insights de Google. Pour l'analyse mobile, un temps de chargement très court est recommandé:

"PageSpeed ​​Insights analyse une page pour voir si elle répond à nos recommandations concernant le rendu d'une page sur un réseau mobile en moins d'une seconde."

Monster2_3 optimisation du site Web ralentit le temps de chargement

Figure 3: Exemple de test de niveau de performance avec PageSpeed ​​Insights

L’indice de vitesse de la page dans l’outil PageSpeed ​​Insights se situe entre 0 point (mauvais) et 100 points (très bon). Les pages avec un score de 85 ou plus sont considérées comme puissantes. Toutefois, les résultats de PageSpeed ​​Insights peuvent changer en fonction de l'évolution des règles ou des méthodes d'analyse de Google. Rester à jour en vaut la peine.

Pour que vous puissiez trouver les pages lentes sur votre domaine

Le rapport de performances de SEO Expertise peut vous aider à analyser les performances du serveur et à fournir quelques points de départ pour des améliorations.

Par exemple, vous pouvez

  • Vérifiez quels fichiers de votre page Web sont déjà compressés
  • Obtenez un aperçu de tous les temps de chargement de votre site Web
  • reconnaître en un coup d'œil les fichiers avec lesquels votre serveur réagit très lentement
  • Analysez les performances de votre serveur en quelques étapes seulement
  • Vérifiez quelles pages chargent beaucoup de ressources CSS, par exemple, ce qui ralentit le temps de chargement.
  • Afficher toutes les URL d'image qui ralentissent le temps de chargement

Ouvrez simplement le rapport de performance dans le module Réussite du site Web et cliquez sur "Temps de chargement".

rapport de performance Optimisation du site Web Temps de chargement lent

Figure 4: Vue d'ensemble des temps de chargement du site

Le rapport vous montre en un coup d'œil les fichiers dans lesquels votre serveur réagit très lentement. En cliquant sur le diagramme "très lent" vous activez le filtre. Ensuite, sélectionnez le type de fichier avec le numéro le plus élevé.

Vous voyez maintenant le temps de réponse du serveur, où des améliorations sont possibles. Time to First Byte vous indique également quels fichiers votre serveur met trop de temps à répondre aux requêtes du robot d'exploration ou du navigateur.

conclusion

Temps de chargement lents adé – Grâce aux conseils ci-dessus et avec l'aide de SEO Expertise, vous ferez les jambes de ce monstre gluant! Avec un niveau de performance optimisé de votre site, vous augmentez vos chances d'être remarqué au milieu d'une grande compétition en ligne. Il est donc préférable de limiter le temps de traitement dès le début. Les facteurs importants incluent la structure HTML d'une page et l'utilisation correcte des scripts, des images, CSS et JavaScript. Vous pouvez trouver un guide détaillé pour optimiser le temps de chargement ici dans le magazine SEO Expertise.

Connaissez-vous déjà les autres monstres de l'optimisation du site:

Le monstre de transmission

Le monstre des attributs alt manquants

Le monstre au contenu fin

Le monstre 404

Le monstre de site orphelin

Le mauvais monstre diurne canonique

Le monstre à contenu dupliqué

Le monstre hreflang

Le monstre de la liaison interne

Combattez le monstre du temps de chargement lent avec SEO Expertise!

Allons-y!

Dirigeant SEO SEA Expertise

Si vous avez des craintes avant de vous lancer dans un projet de communication ou de marketing digitale ou si vous vous posez encore beaucoup de questions sur la meilleure manière de procéder, contactez-moi. Je serai ravi de répondre à vos questions.