vitesse de chargement pages web

7 pratiques pour améliorer la vitesse de chargement des pages Web

Commençons par fixer les objectifs de cette présentation : Augmentation des performances de votre site Web, accélération de la vitesse de chargement des pages, amélioration de vos résultats sur Google PageSpeed ​​Insights et les scores GTmetrix.

Pourquoi la vitesse de chargement est-elle aujourd’hui aussi importante?

En fait, si vous ne le savez pas encore vous devriez vous informer d’avantage sur le nouveau facteur de classement Google ! Le facteur qu’on attend tous pour 2021 est basée sur l’expérience de page. En d’autres termes, la qualité de chargement, de réactivité et de stabilité de votre page Web sera décisive. Vous devez en premier lieu commencer par évaluer la qualité de vos pages web sur Google pageseed Insight, ensuite procéder à l’amélioration des lacunes notifiées.

Ici nous allons vous expliquer comment améliorer l’un des critères cruciaux pour réussir cette évaluation et améliorer la qualité de votre page Web : La vitesse !

Au final vous obtiendrez un meilleur classement dans les SERP Google.

Pourquoi la vitesse du site Web est-elle importante ?

Préférez-vous attendre plus de deux jours pour recevoir vos colis, envoyer une lettre par la poste au lieu d’envoyer un SMS ou déplacer votre pouce en attendant le chargement d’un site Web ? Bien sûr que non.

Qui a le temps pour ça ? Certainement pas Google et tous les autres moteurs de recherche disponibles, sans parler de ses visiteurs.

Nous vivons dans un monde de gratification instantanée, et une seconde de retard dans la réponse des pages peut entraîner :

  • 7% de baisse des conversions
  • 11% de visites en moins sur la page
  • 16% de réduction de la satisfaction client

Et à chaque seconde augmentée, ces chiffres deviennent plus effrayants :

  • Les taux de rebond augmentent de 103% après seulement une seconde de retard
  • 40% quitteront un site qui prend plus de 3 secondes à charger
  • 79% des acheteurs insatisfaits de la vitesse du site sont moins susceptibles d’acheter à nouveau
  • 44% parleront à leurs amis de la mauvaise expérience.

taux de rebond

Si vous voulez rester éveillé la nuit en vous souciant de la satisfaction du client, voyez une image complète de l’impact que la vitesse lente du site peut avoir :

Effrayant, non ?

Comment calculer le temps de chargement de la page du site Web ?

Il existe plusieurs outils d’analyse comparative en ligne qui mesurent la vitesse de chargement de vos pages Web. Ils montreront également la taille et la quantité de ressources sur votre site et fourniront des suggestions d’amélioration. Mieux encore, ils sont gratuits.

Nous citons entre autres :

  • Google PageSpeed ​​Insights : Exécute des tests distincts pour les appareils mobiles et les ordinateurs, en séparant le temps de chargement en différentes étapes.
  • GTmetrix : Fournit un aperçu du temps de chargement des pages, de la taille et de l’allocation des ressources, avec YSlow.
  • Pingdom : Service similaire à GTmetrix.
  • WebPageTest : Moins convivial que les autres, mais pas moins perspicace. Il convient de noter ses options avancées, qui prennent en compte les performances d’un site Web dans différents navigateurs.
  • Think with Google Mobile Tester : Une version spécifique aux appareils Mobiles de PageSpeed ​​Insights. Il comprend des informations supplémentaires, telles que des comparaisons de concurrents et des impacts sur le taux de conversion.

Lors de ces tests, sélectionnez les emplacements de test les plus proches de l’endroit où se trouve votre public, ce qui fournira les résultats les plus pertinents.

Maintenant que vous savez à quelle vitesse vos pages se chargent, voyons si la synchronisation est de qualité ou pas.

Quel est le temps de chargement idéal pour un site Web ?

En règle générale, vos pages Web devraient se charger entièrement en 3 secondes ou moins, avec des pages moyennes commençant à se charger entre 1 et 2,5 secondes.

Si la vitesse de votre site Web est comprise entre 3 et 5 secondes, ce ne sera pas la fin du monde, mais vos pages auront des performances inférieures à celles souhaitées par les normes actuelles pour les appareils mobiles.

Tout ce qui dépasse 5 secondes est considéré comme mauvais. Mais quelle que soit la vitesse de fonctionnement de votre site, vous pouvez toujours utiliser un boost de vitamine B, au sens figuré bien sûr.

Vous devez également porter une attention particulière à l’heure du premier octet de votre page, ou TTFB. (PageSpeed ​​Insights et WebPageTest affichent ces données.) TTFB est le temps que les navigateurs attendent avant de recevoir le premier octet de données d’un serveur. Google recommande un TTFB de 200 ms ou moins.

Voici plus d’informations sur les objectifs de temps de chargement :

  • Pingdom a constaté que la plupart des pages Web se chargent en moyenne en seulement 3,21 secondes
  • Sur les appareils mobiles en particulier, Google dit que 53% des utilisateurs attendent seulement 3 secondes pour que leurs téléphones se chargent
  • Akamai a constaté qu’un temps de chargement moyen des pages mobiles de 2,4 secondes produisait les meilleurs taux de conversion

Mais comment améliorer le temps de chargement des pages pour atteindre cet idéal de 3 secondes ou moins ?

Comment améliorer le temps de chargement d’un site Web ?

De nombreux facteurs influencent le temps de chargement des pages. Comme tout dans le référencement, leur faire face est un processus. Certaines méthodes peuvent être appliquées immédiatement et avoir un impact immédiat. D’autres prendront du temps et des tests pour récolter les fruits.

Voici un résumé des meilleures méthodes :

  • Activer la compression Gzip
  • Optimiser les images
  • Activer le cache du navigateur
  • Minimisez HTML, CSS et JavaScript
  • Réduisez les requêtes HTTP
  • Réduisez le temps de réponse du serveur
  • Envisagez d’implémenter un CDN
  1. Activer la compression Gzip : La compression réduit la taille des fichiers sur votre site Web, permettant un téléchargement plus rapide. C’est l’un des moyens les plus simples et les plus rapides d’améliorer les temps de chargement des pages.La plupart des plugins de performance WordPress ont la possibilité d’activer automatiquement la compression. Pour ceux qui pratiquent davantage ou utilisent un autre CMS, vous pouvez également activer la compression manuellement en ajoutant du code à votre fichier .htaccess.GZip compression
  2. Optimiser les images : Les images font partie des facteurs ralentisseurs des pages Web. En règle générale, vos images doivent être optimisées et correctement dimensionnées, selon ce qui suit :Moins de 100 KoDéfinissez la taille exacte à afficherEnregistrer au format JPG (sauf transparent, dans ce cas, utiliser PNG)

    Avec la compression d’image, il y a une perte de qualité ; ne laissez donc pas votre besoin de vitesse ruiner la qualité de l’esthétique de votre site Web. Mais au moins, si votre site fait 600 px de large, ne téléchargez pas une photo de 2500 px de large.

    Optimisez les images avant de les télécharger à l’aide d’un logiciel de retouche photo tel que Photoshop (payant) ou GIMP (gratuit). Pour plus de compression, vous pouvez également utiliser un optimiseur en ligne comme TinyJPG.

  3. Activer le cache du navigateur : Chaque fois qu’un visiteur revient sur votre site, le navigateur télécharge à nouveau des fichiers tels que des images, des scripts et des feuilles de style. C’est à moins que vous n’ayez activé la mise en cache du navigateur.Avec le cache du navigateur, les fichiers statiques sont stockés dans le navigateur du visiteur. Par conséquent, la prochaine fois qu’ils visiteront le site, il ne sera plus nécessaire de télécharger quoi que ce soit et tout se chargera beaucoup plus rapidement.Si vous utilisez la mise en cache WordPress, c’est très simple. Des plugins comme W3 Total Cache et WP Rocket peuvent vous guider à travers toutes les étapes nécessaires et le configurer pratiquement pour vous. Assurez-vous simplement d’utiliser un seul de ces plugins à la fois. L’activation manuelle de la mise en cache est un peu plus compliquée.
  4. Minimisez HTML, CSS et JavaScript : La minification élimine le code inutile sans affecter les performances. Cela inclut la suppression des commentaires de code, des espaces, des noms de fonction longs, etc. Tout est invisible pour l’utilisateur mais alourdit le temps de chargement.Les plugins WordPress comme WP Rocket, WP-Minify ou W3 Total Cache sont un moyen idéal pour les développeurs Web novices de réaliser la minification. Pour les autres CMS et administrateurs avancés, vous devrez effectuer une minification manuelle.Certains outils peuvent vous aider:HTMLMinifier

    Compresseur YUI ou CSSMinifier

    JSCompress ou JSMin

  5. Réduisez les requêtes HTTP : C’est un gros problème. Et ça peut devenir compliqué. Mais ne vous laissez pas effrayer. La réduction des demandes de pages est le Saint Graal de l’optimisation du chargement des pages. (Vous devez garder le nombre de requêtes HTTP en dessous de 50).Il existe de nombreuses méthodes pour optimiser ces requêtes et aussi pour les accélérer.
  6. Réduisez le temps de réponse du serveur : Changer de serveur n’est pas quelque chose que vous devez faire à la légère ou en déplacement. Mais le serveur d’hébergement joue un rôle clé dans le temps de chargement, il est donc très utile de savoir s’il a la meilleure configuration.Surtout, vérifiez auprès de votre fournisseur pour vous assurer que ses serveurs ont suffisamment de temps de disponibilité, fournissent suffisamment de bande passante et sont situés à proximité de votre public cible. Sinon, il peut être temps d’envisager de passer à un autre service d’hébergement.
  7. Envisagez d’implémenter un CDN

    Les réseaux de diffusion de contenu (CDN) sont parfaits pour les sites Web desservant plusieurs sites internationaux ou à la recherche d’un gain de vitesse supplémentaire sur votre service d’hébergement habituel.

    Ces services tiers payants prennent non seulement en charge HTTP / 2 mais réduisent considérablement les délais de demande en hébergeant vos fichiers sur un grand réseau de serveurs mondiaux.

    Certaines options CDN à noter incluent:

    Cloudflare

    Stackpath

    CacheFly

    Google Cloud CDN

    Tous les sites Web n’ont pas besoin d’un CDN (malgré ce que GTmetrix peut vous dire), nous vous recommandons donc de commencer par implémenter les autres méthodes de cette liste. Si, plus tard, le temps de chargement des pages est toujours à la traîne, considérez un CDN comme une option viable.

Le temps de chargement des pages est plus important que jamais

Au cas où vous n’en auriez pas entendu parler, Google se concentre totalement sur les appareils mobiles aujourd’hui. C’est pourquoi il est si important que vos pages se chargent le plus rapidement possible.

Soyons honnêtes. Nous avons tous une courte durée d’attention qui diminue de seconde en seconde. Si votre page ne se charge pas assez rapidement, il existe de nombreuses vidéos de chats à regarder. Alors qu’est-ce que tu attends ? Le temps presse. Commencez dès aujourd’hui à appliquer ces procédures d’amélioration de la vitesse et de l’expérience des pages. Parce que les SERP n’attendent personne.

(41)