Blog

Temps de chargement de pages: 7 meilleures pratiques pour l’amélioration

Vous voulez que le temps de chargement de vos pages soient plus rapides. Ou bien voulez-vous augmenter les performances de votre site Web ainsi qu’augmenter vos scores PageSpeed ​​Insights et les scores GTmetrix.

Tout cela et bien plus peut être le vôtre après avoir lu nos sept méthodes SEO infaillibles pour améliorer la vitesse de chargement des pages.

Avez-vous entendu l’histoire de la tortue et du lièvre? Vous savez, celui où la tortue lente et régulière gagne une course sur le lapin arrogant et rapide. Eh bien, c’est un mensonge. Aller lentement n’a jamais permis à personne d’aller vite. C’est juste du bon sens et de bonnes affaires.

D’accord, tu nous as. Peut-être que certaines choses peuvent bénéficier du retard, comme manger, vieillir et descendre des escaliers raides tout en portant des épées. Mais en matière de référencement, il n’y a rien de pire que la lenteur.

Alors bouclez votre ceinture, car ce sera une course à grande vitesse vers des classements plus élevés.

Pourquoi la vitesse du site Web est-elle importante?

test de temps de chargement

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.

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?

Dans quelle mesure votre site s’empile-t-il? Découvrons-le.

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 à utiliser.

Ils comprennent:

Google PageSpeed ​​Insights: exécutez 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.

Pensez avec Google Mobile Tester: une version spécifique à Mobile 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 vous synchronisez au bon moment ou non.

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

temps de chargement

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. (N’essayez pas de mettre des vitamines dans les ports USB).

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:

  1. Pingdom a constaté que la plupart des pages Web se chargent en moyenne en seulement 3,21 secondes
  2. Sur les appareils mobiles en particulier, Google dit que 53% des utilisateurs attendent seulement 3 secondes pour que leurs téléphones se chargent
  3. 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:

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.

L’utilisation de Gzip pour la compression est la valeur par défaut, bien que Brotli soit une autre méthode connue. Lorsqu’il est activé, Gzip peut réduire la taille de HTML, CSS et JavaScript jusqu’à 70%.

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.

2. Optimiser les images

Certains des coupables les plus courants qui contribuent à la taille d’une grande page sont des images. En règle générale, vos images doivent être optimisées et correctement dimensionnées, selon ce qui suit:

  • Moins de 100 Ko
  • Définissez la taille exacte à afficher
  • Enregistrer 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 ou redondant sans affecter les performances. Cela comprend 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

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.

  • 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

temps de chargement important


Au cas où vous n’en auriez pas entendu parler, Google se concentre totalement sur les appareils mobiles aujourd’hui. Et vous ne reviendrez pas bientôt. 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 et diminuons de seconde en seconde. Si votre page ne se charge pas assez rapidement, il existe de nombreuses vidéos de chats. Alors qu’est-ce que tu attends? Le temps presse. Commencez dès aujourd’hui à implémenter ces améliorations de la vitesse et de l’expérience des pages. Parce que les SERPs (comme les chats) n’attendent personne.

(6)

  •  
  •  
  •