Blog de l'Agence web KN

Comment optimiser le temps de chargement de son site web ?

Temps de chargement : un site rapide est essentiel pour bien se classer avec Google mais aussi pour garder de bons taux de conversion.

image pour Comment optimiser le temps de chargement de son site web ?
AccueilBlogComment optimiser le temps de chargement de son site web ?

Au sein d’une agence web, on parle beaucoup de temps de chargement des sites Internet, mais est-ce vraiment important ?

La réponse est simple : oui !

Surtout si l’on sait qu’un délai d’une seconde dans le temps de chargement de la page représente :

  • 11 % moins de pages vues,
  • une diminution de 16 % de la satisfaction de la clientèle,
  • 7% de perte de conversions.

Quelques secondes supplémentaires ont donc un impact énorme sur votre capacité à attirer les visiteurs, à générer du lead et à réaliser des ventes.

Cela signifie qu’avoir un site rapide est essentiel (non seulement pour bien se classer avec Google, mais pour garder de bons taux de conversion).

Comment un temps de chargement rapide influence les conversions ?

Les sites lents tuent les conversions.

En fait, 47 % des utilisateurs web s’attendent à ce que les sites Web se chargent en deux secondes ou moins. Et 40 % abandonnent une page qui prend trois secondes ou plus. Si votre site prend plus de trois secondes à charger, vous perdez déjà près de la moitié de vos visiteurs avant même qu’ils arrivent sur votre site.

Rien que cela est un coup énorme à vos conversions potentielles.
Et pour les visiteurs qui décident de rester, vos temps de chargement lents peuvent les dissuader de revenir à l’avenir. Dans un sondage, 79 % des clients ont dit qu’ils ne retourneraient pas sur un site où le chargement est lent.

Dans ce même sondage, 52 % des acheteurs ont dit que le chargement rapide des pages est important pour leur fidélité au site et 44 % ont dit qu’ils parlent à leurs amis des expériences médiocres du site. Ce sondage a également révélé qu’un retard d’une seconde peut réduire la satisfaction de la clientèle d’environ 16 %.

Comment la vitesse de votre site influence la visibilité de votre site ?

Maintenant que Google prend la vitesse en considération lors du classement des sites, vos temps de chargement peuvent également influencer la facilité avec laquelle les utilisateurs peuvent vous trouver en premier lieu. Cela est particulièrement vrai maintenant qu’il est en train de déployer son indice mobile-first. Depuis décembre 2017, le moteur de recherche a commencé à classer tous les résultats de recherche en fonction des versions mobiles des pages.

Pour la première fois en 2015, les recherches sur mobile ont dépassé les recherches sur ordinateur, et sa part de la recherche globale ne cesse de croître.

Cela signifie qu’il est dans l’intérêt de Google de répondre à ses résultats de recherche d’une manière optimum pour les utilisateurs mobiles. Ils ne veulent pas diriger leurs utilisateurs vers des sites, qui ne se chargeront pas ou qui fonctionnent mal sur leurs appareils.

Pourquoi mon site est lent ?

Vous avez effectué un test de vitesse du site et constaté que votre temps de chargement est assez lent. (Si vous ne savez pas comment faire un test de vitesse du site, je vous conseille cet outil en ligne).

Il pourrait y avoir un certain nombre de raisons pour lesquelles le temps de chargement de votre site est long. Cela peut être dû au temps de chargement du serveur, à la taille des images, au nombre de redirections que vous avez,…

En fait, il y a toute une série de mesures à prendre pour améliorer la vitesse des pages. Nous en examinons ci-dessous quelques unes.

1. Minimiser les requêtes HTTP

Selon Yahoo, 80% du temps de chargement d’une page Web est passé à télécharger les différentes parties de la page, comme des images, des feuilles de style et des scripts. Une requête HTTP est réalisée pour chacun de ces éléments, donc plus il y a de composants sur la page, plus il faut de temps pour que la page se charge.

2. Réduire et combiner les fichiers

Le meilleur endroit pour commencer votre optimisation est avec vos fichiers HTML, CSS et Javascript. Ce sont des fichiers extrêmement importants, car ils déterminent l’apparence de votre site. Ils ajoutent également au nombre de requêtes, que votre site fait automatiquement chaque fois qu’un utilisateur le visite.

Vous pouvez réduire ce nombre en  « minifiant » (réduire la taille du code) et en combinant vos fichiers, ce qui minimise la taille de chaque fichier ainsi que le nombre total de fichiers.

3. Utiliser un chargement asynchrone pour les fichiers CSS et Javascript

Une fois que vous avez « minifié » et combiné certains de vos fichiers, vous pouvez également optimiser la façon dont ils se chargent sur vos pages. Les scripts comme CSS et Javascript peuvent être chargés de deux manières différentes : Synchrone ou Asynchrone. Si vos scripts se chargent de manière synchrone, ils se chargent un à la fois, dans l’ordre où ils apparaissent sur la page. Si vos scripts chargent de manière asynchrone,  certains d’entre eux se chargeront simultanément.

Par conséquent, le chargement asynchrone de fichiers peut accélérer le chargement de vos pages ,car lorsqu’un navigateur charge une page, elle se déplace de haut en bas.

4. Activer la mise en cache du navigateur

Lorsque vous visitez un site Web, les éléments de la page visitée sont stockés sur votre disque dur, dans un cache (ou stockage temporaire).

Cela signifie que la prochaine fois que vous visitez le site, votre navigateur peut charger la page sans avoir à envoyer une autre requête HTTP au serveur.

5. Réduire la taille des images

Les images peuvent jouer un rôle majeur dans la vitesse de votre site. Ce sont souvent de très gros fichiers, ce qui peut ralentir le temps de chargement des pages. Mais les supprimer complètement n’est pas une option, car les images sont nécessaires à l’attractivité de votre site. Cela signifie donc que la compression des images est essentielle.

Vous pouvez voir l’impact de la taille de vos images sur n’importe laquelle de vos pages avec un outil comme Pingdom. Exécutez un test de vitesse de page, puis examinez les « demandes par type de contenu ».

6. Prioriser le contenu au-dessus de la ligne de flottaison (lazy loading)

Nous vous recommandons de n’utilisez qu’une feuille de style CSS et pas de CSS en ligne.  Vous pouvez améliorer l’expérience utilisateur en chargeant plus rapidement votre section « above the fold » (haut de la page – la partie que l’on voit sans avoir à scroller), même si le reste de la page prend quelques secondes à charger.

Ceci est appelé « lazy loading ». C’est particulièrement utile pour les pages avec beaucoup de contenu sous la ligne de flottaison.

7. Réduire le nombre de plugins que vous utilisez sur votre site

Comme vous vous en doutez,  les plugins peuvent faire beaucoup pour améliorer votre site WordPress. Vous pouvez les utiliser pour ajouter des fonctionnalités personnalisées, nettoyer votre code, améliorer l’expérience utilisateur, et bien plus encore. De plus, ils sont extrêmement faciles à installer.  Cette facilité nous donne envie de continuer à en ajouter, sans tenir compte des inconvénients potentiels.

Malheureusement, avoir trop de plugins installés peut causer quelques problèmes.

Ils peuvent ralentir votre site, créer des problèmes de sécurité, et même causer des plantages et d’autres difficultés techniques. De plus, la maintenance du site et les mises à jour peut être fastidieuses lorsque vous avez beaucoup.

 

Il existe bien évidemment de nombreux points d’attention lorsqu’il s’agit d’optimiser le temps de chargement de son site Internet. Maisle plus sûr moyen et de faire appel à un professionnel.

A l’agence digitale KN, cette optimisation est une mission courante et importante pour le futur utilisateur.

Le process’ complet de la création d’un site internet

Voici les 7 étapes clés lors d'une création de site Internet : rédaction du cahier des charges, dossier technique, webdesign, développement, mise en ligne et maintenance.

Lire la suite
Back to top