Comment améliorer la vitesse de chargement de votre page pour maximiser les résultats

Avez-vous déjà entendu l'histoire du lièvre et de la tortue ? Vous savez, celui où la tortue lente a triomphé dans une course contre le lapin arrogant et rapide ? Eh bien, c'est un mensonge. Aller lentement n'a jamais amené personne n'importe où rapidement. C'est juste du bon sens et de bonnes affaires.

OK, vous nous avez eu. Vous pouvez profiter des avantages de ralentir certaines choses, comme manger, vieillir et descendre des escaliers escarpés tout en apportant des épées. Mais quand il s'agit de SEO, il n'y a rien de pire que d'aller lentement.

Alors préparez-vous car ce sera une course à grande vitesse vers des classements plus élevés.

Pourquoi avoir un site Web rapide est-il important ?

Préférez-vous attendre plus de deux jours pour votre colis, envoyer un courrier postal au lieu d'un SMS ou vous tourner les pouces en attendant qu'un site Web se charge ? Personne de sensé ne voudrait faire ça. Qui a le temps pour ça ? Certainement pas vos clients potentiels.

Les pages qui se chargent plus rapidement améliorent les performances de votre site, augmentent les scores Google PageSpeed ​​Insights et GTmetrix, et se classent mieux dans les résultats de recherche.

Mais dans quelle mesure la vitesse des pages affecte-t-elle exactement le référencement ? Une vitesse de chargement lente des pages peut entraîner :

• Une baisse de 7 % des conversions.
• 11 % de pages vues en moins.
• Une baisse de 16% de la satisfaction client.

Et à chaque seconde, ces chiffres deviennent de plus en plus épouvantables :

• Les taux de rebond peuvent augmenter de 103 % après seulement deux secondes de retard.
• 53% abandonneront un site dont le chargement prend plus de trois secondes.
• 79 % des acheteurs insatisfaits , en raison de la vitesse de chargement du site, sont moins susceptibles d'acheter à nouveau.

Comment puis-je voir la vitesse de chargement de ma page ?

Plusieurs outils d'analyse comparative en ligne mesurent la vitesse de chargement des pages. Ils peuvent également vous montrer la taille et la consommation de ressources de votre site et suggérer des améliorations. Mieux encore, vous pouvez tous les utiliser gratuitement.

• Google PageSpeed ​​Insights effectue des tests distincts pour les ordinateurs de bureau et les mobiles, en différenciant le temps de chargement en différentes étapes.
  
• GTmetrix donne un aperçu de la taille, du temps de chargement de la page et de l'allocation des ressources, tout comme YSlow.
  
• Pingdom propose un service similaire à GTmetrix.
  
• WebPageTest est un peu moins convivial que les autres, mais a tendance à être plus perspicace. Il convient de noter ses options avancées, qui tiennent compte des performances d'un site dans différents navigateurs.

Lors de l'exécution de ces tests, sélectionnez les emplacements de test les plus proches de l'emplacement physique de votre public, car cela donnera les résultats les plus pertinents.

Maintenant que vous connaissez la vitesse de chargement des pages de votre site, voyons si vous enregistrez un temps raisonnable.

À quelle vitesse mon site Web doit-il se charger ?

Généralement, vos pages doivent se charger complètement en trois secondes ou moins.

Si votre vitesse est d'environ trois à cinq secondes, vous n'êtes pas entièrement au mauvais endroit, mais vos pages fonctionnent moins bien que prévu par les normes mobiles d'aujourd'hui. Tout ce qui dépasse cinq secondes est considéré comme médiocre. Mais quelle que soit la vitesse de chargement de votre site, il pourrait toujours bénéficier d'un coup de pouce.

Vous devez également faire attention à votre temps jusqu'au premier octet (TTFB). (WebPageTest et PageSpeed ​​Insights affichent ces données.) TTFB est la période pendant laquelle les navigateurs attendent avant d'accepter le premier octet de données d'un serveur. Google suggère un TTFB de 200 millisecondes ou plus rapide.

Voici plus d'informations sur les objectifs de vitesse de chargement des pages :

• Pingdom a constaté que la plupart des pages se chargent en moins de 3,21 secondes , en moyenne.
  
• Google indique que 53% des utilisateurs ne sont prêts à attendre que trois secondes pour que leur téléphone se charge avant de passer à un autre site Web.
  
• Akamai a constaté que la vitesse moyenne de chargement des pages mobiles de 2,4 secondes conduit au meilleur taux de conversion.

Mais comment pouvez-vous améliorer la vitesse de chargement de votre page pour atteindre l'objectif de trois secondes ou plus vite ?

Quel est le meilleur moyen d'augmenter la vitesse de chargement des pages ?

Plusieurs facteurs peuvent affecter la vitesse de chargement des pages. Certaines stratégies peuvent être faites tout de suite et avoir un effet immédiat. D'autres prendront du temps et des tests pour voir les avantages.

Voici quelques-unes des meilleures méthodes :

1. Activez la compression gzip.

2. Optimisez les images.

3. Activez la mise en cache du navigateur.

4. Minifiez HTML, CSS et JavaScript.

5. Réduisez les requêtes HTTP.

6. Réduisez le temps de réponse du serveur.

7. Envisagez de mettre en place un CDN.
Bonus : apportez des améliorations spécifiques à WordPress.

À vos marques! Se mettre! Augmenter!

1 . Activer la compression gzip

La compression diminue la taille de vos fichiers, permettant un téléchargement plus rapide. C'est l'un des moyens les plus simples et les plus rapides d'optimiser la vitesse de chargement des pages. L'utilisation de gzip pour la compression est presque une norme, bien que Brotli soit une méthode alternative mais populaire. Lorsqu'il est activé, gzip peut réduire la taille de HTML, CSS et JavaScript jusqu'à 70 %. (Exécutez un test gzip pour voir si vous l'avez activé.)

La plupart des plug-ins de performance tout-en-un WordPress vous offrent la possibilité d'activer automatiquement la compression. Vous pouvez activer manuellement la compression en ajoutant du code à votre fichier .htaccess pour ceux qui sont plus expérimentés ou qui utilisent un autre CMS.

2. Optimisez les images

Certains des coupables typiques qui contribuent aux grandes tailles de page sont les images. En règle générale, vos images doivent être correctement dimensionnées et optimisées en fonction des éléments suivants :

• Moins de 100 kilo-octets.
• Définissez la taille exacte à laquelle l'image sera affichée.
• Enregistré au format JPG (sauf s'il est transparent, auquel cas utiliser PNG).

La compression d'image entraîne une diminution notable de la qualité, alors ne laissez pas votre désir de temps de chargement plus rapides nuire à la qualité de la conception de votre site Web. Mais à tout le moins, si votre site Web a une largeur de 600 pixels, par exemple, ne téléchargez pas une image de 2 500 pixels de large.

Optimisez les images avant de les télécharger en utilisant Photoshop (payant) ou GIMP (gratuit). Pour une compression supplémentaire, vous pouvez également utiliser un optimiseur en ligne tel que TinyJPG. Si vous voulez une autre option et utilisez un CMS comme WordPress, Smush et EWWW Image Optimizer sont de bons plug-ins de sauvegarde. Certains plug-ins vous permettent également d'activer une fonction de "chargement paresseux" qui donne la priorité au contenu au-dessus de la ligne de flottaison et ne charge vos images que lorsqu'un visiteur fait défiler vers le bas, ce qui réduit considérablement les demandes que votre serveur reçoit.

3. Activer la mise en cache du navigateur

Lorsque les visiteurs reviennent sur votre site, leur navigateur télécharge à nouveau des fichiers tels que des scripts, des images et des feuilles de style, sauf si vous avez activé la mise en cache du navigateur.

Avec la mise en cache du navigateur, les fichiers statiques sont enregistrés sur le navigateur de l'utilisateur. Ainsi, la prochaine fois qu'ils accéderont à votre site, ils n'auront plus besoin de télécharger quoi que ce soit, de sorte que votre page se chargera beaucoup plus rapidement.

Si vous utilisez WordPress, la mise en cache est relativement facile. Des plug-ins comme WP Rocket et W3 Total Cache vous guident à travers toutes les étapes nécessaires et le configurent pour vous. Assurez-vous simplement d'utiliser un seul de ces plug-ins à la fois. De plus, activer la mise en cache manuellement est un peu plus compliqué.

4. Minimisez HTML, CSS et JavaScript

La minification supprime le code redondant ou inutile sans affecter les performances. Cela inclut l'élimination des commentaires de code, des noms de fonction longs, de l'espacement, etc. - toutes choses qui ne sont pas visibles pour l'utilisateur mais qui alourdissent votre vitesse de chargement.

Les plug-ins WordPress comme WP Super Minify, WP Rocket et W3 Total Cache sont idéaux pour les développeurs Web novices pour réaliser la minification. Vous devrez effectuer une minification manuelle pour les autres CMS et les administrateurs avancés. Certains outils qui peuvent aider sont :

• Minificateur HTML.
• Compresseur YUI ou Minificateur CSS.
• JSCompress ou JSMin.

5. Réduisez les requêtes HTTP

C'est un grand. Bien que cela puisse devenir délicat, ne vous laissez pas effrayer. La réduction des requêtes est l'objectif ultime de l'optimisation du chargement des pages. Vous devriez essayer de maintenir le nombre de requêtes HTTP en dessous ou autour de 50.

Il existe de nombreuses méthodes pour rationaliser ces demandes , ainsi que pour les accélérer.

6. Réduire le temps de réponse du serveur

Changer de serveur est quelque chose que vous devez faire avec sérieux et à la volée. Mais votre serveur d'hébergement joue un rôle crucial dans le temps de chargement, donc savoir si vous avez la meilleure configuration est très utile.

Par-dessus tout, consultez votre fournisseur pour vous assurer que vos serveurs bénéficient de temps de disponibilité suffisants, offrent suffisamment de bande passante et sont situés à proximité de votre public cible. Sinon, envisagez de passer à un autre service d'hébergement.

Quelques autres choses vitales à considérer:

• VersionPHP
  Si votre site est basé sur PHP, vous devez utiliser PHP 7 ou supérieur. La méthode la plus simple pour savoir quel PHP vous utilisez et lequel doit être mis à jour est d'appeler votre fournisseur d'hébergement. Mais n'oubliez pas que les modifications de PHP peuvent affecter certains thèmes et plug-ins WordPress. Vous pouvez rapidement inverser le PHP de votre serveur si quelque chose semble défectueux.
  
• HTTP/2
  HTTP/2 est un protocole côté serveur qui peut considérablement améliorer la vitesse et l'efficacité du site. Tous les sites n'utilisent pas HTTP/2 lorsqu'ils le peuvent. Vous pouvez utiliser divers outils en ligne pour vérifier si votre serveur peut prendre en charge HTTP/2. Ensuite, contactez votre fournisseur d'hébergement pour connaître les options dont vous disposez.
  
• Type d'hébergement
  La plupart des petites entreprises utilisent des serveurs d'hébergement partagé moins chers (comme Bluehost, GoDaddy et HostGator). Les grandes entreprises qui voient beaucoup de trafic sur le site ont généralement besoin de serveurs privés virtuels ou de serveurs directs plus puissants pour distribuer leur contenu. Décidez à quelle catégorie vous appartenez en utilisant votre budget et vos performances comme mesures.

7. Envisagez de mettre en œuvre un CDN

Les réseaux de diffusion de contenu sont parfaits pour les pages qui desservent de nombreux sites internationaux ou qui recherchent une accélération de la vitesse de leur service d'hébergement habituel. Ces services tiers payants vous offrent non seulement une prise en charge HTTP/2, mais réduisent également considérablement les temps de requête en hébergeant vos fichiers sur un vaste réseau de serveurs mondiaux.

Certaines options CDN uniques incluent :

• Nuageux.
• StackPath.
• CacheFly.
• CDN Google Cloud.

Seuls certains sites ont besoin d'un CDN (malgré ce que GTmetrix pourrait suggérer), nous vous recommandons donc d'exécuter d'abord les autres stratégies de cette liste. Considérez CDN comme une option réalisable si vos temps de chargement doivent encore rattraper leur retard.

Bonus : améliorations spécifiques à WordPress

D'autres facteurs peuvent contribuer au temps de chargement de votre page si vous utilisez WordPress. Vous voudrez résoudre ces problèmes avec les autres méthodes énumérées ci-dessus.

Réduire les plug-ins

Les plug-ins sont fantastiques et peuvent faire beaucoup pour améliorer la vitesse de votre site. Mais l'utilisation de mauvais plug-ins peut avoir un effet négatif, et trop de plug-ins installés peuvent causer des problèmes, ralentissant considérablement les performances de votre site.

C'est pourquoi il est indispensable de :

• Mettez à jour et maintenez régulièrement vos plug-ins.
• Supprimez régulièrement tous les plug-ins inutiles ou inutilisés.
• Voyez s'il existe des alternatives plus légères ou plus rapides.
• Identifiez les plug-ins avec des fonctionnalités redondantes.
• Supprimez les plug-ins pour les tâches que vous pouvez facilement effectuer manuellement.

Par exemple, supposons que vous ayez installé un plug-in Google Analytics. Dans ce cas, vous feriez mieux d'ajouter l'extrait de code par vous-même, via Google Tag Manager ou via le plug-in Insérer des en-têtes et des pieds de page (qui est beaucoup plus petit que le premier).

Pour vous aider à localiser les problèmes, un excellent outil d'évaluation des plug-ins comme Page Performance Profiler peut identifier les plug-ins qui pèsent sur la vitesse de chargement de votre page. (N'oubliez pas de le retirer lorsque vous avez terminé.)

Nettoyez votre base de données

Au fil du temps, les bases de données WordPress peuvent s'enliser dans des brouillons enregistrés, des révisions de publication et d'autres éléments dont votre site Web n'a pas besoin pour fonctionner. Le nettoyage occasionnel de cet encombrement peut aider à augmenter la vitesse de votre site. Certains plug-ins de performance tout-en-un ont également cette capacité (similaire à WP Rocket), ou vous pouvez utiliser le plug-in WP-Optimize.

Mettre à jour le CMS et le thème

Assurez-vous de toujours utiliser les dernières versions de votre thème et de votre installation WordPress. (N'oubliez pas de sauvegarder votre site avant de le faire.) Si votre site est toujours lent après la mise à jour et toutes les modifications ci-dessus, vous pouvez envisager d'essayer un nouveau thème entièrement. Bien que les thèmes améliorent l'apparence de votre site, ils peuvent apporter beaucoup de bagages qui peuvent enliser votre site.

La vitesse de chargement rapide des pages est plus essentielle que jamais

Si vous l'avez manqué, Google est entièrement axé sur le mobile ces jours-ci. Et ce n'est pas sur le point de changer de sitôt, vos pages doivent donc se charger le plus rapidement possible.

Nous avons tous une courte durée d'attention - et elle ne fait que raccourcir de seconde en seconde. Si votre page ne se charge pas rapidement, de nombreuses vidéos de chats peuvent le faire et le feront. Alors qu'est-ce que tu attends? Il est maintenant temps de commencer ! Mettez en œuvre ces améliorations de vitesse de page et d'expérience de page dès maintenant, car les SERP n'attendent personne.