Vitesse des pages : Qu'est-ce que c'est, pourquoi est-ce important et comment pouvez-vous améliorer la vôtre ?

Quelle est la relation entre la vitesse des pages et le référencement ?

Pourquoi est-ce important pour votre site web ?

Que vous souhaitiez créer une meilleure expérience utilisateur pour vos visiteurs ou que vous vouliez améliorer votre classement SEO, les développeurs de votre site devraient prendre le temps de se concentrer sur la vitesse de chargement des pages. Ci-dessous, vous apprendrez non seulement comment améliorer la vitesse de chargement des pages, mais aussi comment suivre le succès de vos efforts, comment tester la vitesse de chargement des pages, comment augmenter le score de vitesse des pages et bien d'autres choses encore.

Qu'est-ce que la vitesse de chargement des pages ?

Au sens le plus simple du terme, la vitesse de chargement des pages fait référence à la rapidité avec laquelle le contenu d'une page d'un site web se charge. La vitesse des pages peut être décrite de deux manières : le "temps de chargement de la page" ou le "temps de chargement du premier octet". Le temps de chargement d'une page correspond à la durée nécessaire à l'affichage complet du contenu d'une page de votre site web, tandis que le temps de chargement du premier octet correspond à la durée nécessaire à un navigateur pour recevoir le premier octet d'information du serveur web. Si les utilisateurs se soucient davantage du temps de chargement des pages, les moteurs de recherche accordent une grande importance aux deux types de vitesse.

Comment améliorer la vitesse de chargement des pages

L'amélioration de la vitesse de chargement des pages nécessite un savoir-faire important et plusieurs étapes. Heureusement, il existe plusieurs outils qui permettent même aux non-développeurs d'améliorer la vitesse de chargement des pages avec peu d'efforts. L'un de ces outils est Gzip.

Gzip est un logiciel de compression de fichiers qui réduit la taille des fichiers HTML, CSS et JavaScript de plus de 150 octets. La compression de fichiers peut réduire la taille des fichiers jusqu'à 90 %. Les fichiers plus petits nécessitent moins de données, ce qui signifie que les pages se chargent plus rapidement.

La réduction du code est similaire à la réduction des fichiers. Utilisez les outils recommandés par Google, tels que UglifyJS ou CSSNano, pour minimiser votre code JavaScript, CSS et HTML. Cela a essentiellement le même effet que la compression de fichiers - cela réduit le besoin de données supplémentaires, ce qui se traduit par des temps de chargement plus rapides. Ces outils suppriment également les données indésirables, telles que le formatage, les codes inutilisés et les commentaires de code.

Si vous prévoyez d'avoir des visiteurs réguliers (ce qui devrait être le cas !), mettez en place un système de mise en cache du navigateur. Les navigateurs mettent en cache les données du site web telles que les images, les fichiers JavaScript et les feuilles de calcul, de sorte que lorsqu'un visiteur revient sur votre page, son navigateur n'a pas à recharger l'image entière - il puise simplement dans le cache. Utilisez YSlow pour connaître la date d'expiration de votre cache actuel et pour la fixer à une période plus longue. Dans la plupart des cas, un an est une durée raisonnable.

Une autre chose que vous pouvez faire pour augmenter la vitesse des pages est de réduire les redirections. Pour chaque redirection que subit votre page, votre visiteur doit attendre une à trois secondes supplémentaires. Vous pouvez réduire ce temps d'attente en vérifiant votre schéma de redirection et en supprimant les redirections inutiles.

Vous pouvez également optimiser votre contenu pour augmenter le temps de chargement des pages. Par exemple, vous pouvez utiliser des réseaux de distribution de contenu pour permettre à d'autres serveurs de partager la responsabilité de la diffusion de votre contenu. Cela garantit aux utilisateurs un accès plus rapide et plus fiable à votre contenu, d'autant plus qu'ils sont éloignés de l'emplacement géographique de votre hébergeur. Vous pouvez également optimiser vos images. Assurez-vous qu'elles sont dans le bon format de fichier, qu'elles ne sont pas plus grandes que nécessaire et qu'elles sont compressées pour le web.

Quelle est l'importance de la vitesse des pages ?

Très importante. Du point de vue de l'utilisateur, la vitesse des pages est importante parce que les pages plus rapides sont plus efficaces. Aujourd'hui, la durée d'attention moyenne n'est que de huit secondes, ce qui est inférieur à la durée d'attention d'un poisson rouge, qui est de neuf secondes. Toutefois, selon une étude de Kissmetrics, lorsqu'il s'agit du World Wide Web, la durée d'attention des utilisateurs est encore plus courte, puisqu'elle n'est que de trois secondes. Si le chargement d'une page prend plus de trois secondes, plus d'un quart des visiteurs sont susceptibles de cliquer sur une autre page.

La vitesse de chargement des pages a également une incidence sur les conversions. Par exemple, lorsque Walmart a évalué les données relatives à la vitesse de chargement de ses pages, il a constaté une augmentation de 2 % des conversions pour chaque seconde de chargement en moins. Amazon a testé cette théorie et a calculé qu'il perdrait 1,6 milliard de dollars par an si son site ralentissait d'une seule seconde.

Les moteurs de recherche accordent également une grande importance à la vitesse de chargement des pages, probablement parce que les utilisateurs le font. En 2010, Google a annoncé qu'il utiliserait le temps de chargement des pages comme facteur de classement. Sept ans plus tard, il a annoncé qu'il accorderait encore plus d'importance à la vitesse de chargement des pages.

Comment vérifier la vitesse des pages dans Google Analytics

Google vous permet de voir facilement à quelle vitesse les utilisateurs peuvent interagir avec votre contenu. Il vous aide également à identifier les domaines à améliorer et vous permet de suivre facilement les performances de ces mises à jour. Que devez-vous faire pour commencer?1

• Connectez-vous à votre compte Google Analytics.
• Accédez à votre vue.
• Cliquez sur Rapports.
• Sélectionnez Comportement > Vitesse du site.

Vous avez alors le choix entre trois rapports : Rapport sur la durée de vie des pages, Rapport sur les suggestions de vitesse et Rapport sur la durée de vie des utilisateurs. Ouvrez le rapport sur les durées d'affichage.

Le rapport sur les temps d'affichage vous donne une ventilation détaillée des performances de chaque page en termes de vitesse. Il fournit également des données sur des éléments tels que le nombre de pages vues et le taux de rebond, les mesures du réseau et du serveur, les intervalles de temps pour différentes mesures et les mesures du réseau et du serveur.

Le rapport "User Timings" peut également s'avérer utile, car il fournit une analyse détaillée des interactions individuelles de chaque utilisateur avec votre site. Par exemple, vous pouvez voir quand un utilisateur a interagi avec un bouton, une vidéo ou une image et combien de temps il a fallu pour que chaque élément réagisse.

Comment augmenter le score de vitesse de la page

Pour obtenir le score PageSpeed de votre site, Google recherche votre URL à deux reprises, une fois avec un appareil mobile et une fois avec un ordinateur de bureau. Il mesure ensuite deux paramètres : le temps de chargement au-dessus de la page et le temps de chargement complet de la page. Le temps de chargement au-dessus du pli est légèrement plus important que le temps de chargement complet de la page, car il s'agit du premier contenu que voient les utilisateurs. Toutefois, le chargement complet de la page ne doit pas être beaucoup plus lent que le chargement au-dessus de la page.

Après avoir testé votre URL sur deux types d'appareils et évalué chacun des deux paramètres, Google évalue la vitesse de votre page. Le score PageSpeed varie de 0 à 100, 100 étant le score optimal. Cependant, peu de sites atteignent ce type de score. Un bon score est égal ou supérieur à 85 ; tout ce qui est inférieur à 85 nécessite un certain travail.

Toutefois, si vous pouvez atteindre un score de 100, pourquoi ne pas le faire ? Que votre site soit classé 50 ou 90, il y a toujours quelque chose que vous pouvez faire pour améliorer cette note. Tout d'abord, vérifiez votre rapport pour voir ce qui ne va pas. Google vous facilite la tâche en identifiant les domaines à améliorer à l'aide d'un point d'exclamation jaune ou d'un point rouge flagrant. Si le point d'exclamation est jaune, vous devriez envisager de résoudre le problème. S'il s'agit d'un point rouge, vous pouvez améliorer votre score de manière significative. À partir de là, suivez les conseils de la section 1, "Comment améliorer la vitesse de chargement des pages".

Comment optimiser les images pour la vitesse de chargement des pages

Les images sont souvent celles qui consomment le plus de données sur une page donnée. Il est donc logique de les optimiser afin de réduire le nombre d'octets téléchargeables et d'augmenter la vitesse de la page.

Optimiser les images n'est pas aussi simple que de réduire leur taille dans Photoshop. Tout d'abord, vous devez analyser soigneusement plusieurs facteurs, notamment le type de données que vous envisagez d'encoder, les paramètres de qualité, les capacités du format d'image, la résolution, la question de savoir si vos images sont mieux servies dans un format vectoriel, et bien d'autres choses encore. Vous devez également tenir compte du type d'appareil sur lequel les utilisateurs visualiseront l'image. Il est préférable de partir du principe que les utilisateurs se serviront à la fois d'appareils mobiles et d'ordinateurs de bureau.

Une fois que vous avez fait vos devoirs, il est temps de commencer la compression. Le processus étant long, il est préférable d'aller directement à la source. La page PageSpeed Insights de Google fournit des instructions étape par étape pour optimiser les fichiers GIF, PNG et JPEG,qui représentent 96 % du trafic d'images sur l'internet. Vous pouvez télécharger les images optimisées directement à partir de PageSpeed Insights ou utiliser des outils tiers, tels que ImageMagick. Google vous avertit que si vous utilisez un outil tiers, la transformation risque d'augmenter la taille de vos images.

Comment tester la vitesse de chargement des pages

Il existe des dizaines d'outils gratuits qui vous permettent d'entrer l'URL d'une page et d'effectuer un test de vitesse. Bien que nombre de ces tests soient efficaces, il y a de fortes chances que vous les exécutiez mal. Bien que vous puissiez penser qu'un test de vitesse inexact n'est pas très important, la réalité est qu'il l'est. Si vous n'effectuez pas un test de vitesse correctement, vous ne pourrez pas évaluer avec précision les améliorations, ou pire, vous risquez d'essayer d'améliorer des domaines qui fonctionnent en réalité très bien. Alors, comment effectuer un test de vitesse correct ? Suivez ce processus en deux étapes :

• Avant d'effectuer le test

Vérifiez si votre réseau de diffusion de contenu et votre mise en cache sont déjà configurés et fonctionnent sur votre site. Si ce n'est pas le cas, demandez à votre hébergeur ou à votre développeur web de les configurer.

• Effectuez correctement votre test de vitesse

Effectuez un test à partir d'un emplacement proche de votre centre de données et à partir d'un emplacement éloigné. Cela vous aidera à déterminer l'impact de votre réseau de diffusion de contenu sur les performances des pages. Si vous ne pouvez pas vous rendre dans un endroit éloigné, désactivez temporairement votre CDN et testez à nouveau votre site à partir du même endroit.

Effectuez le test plusieurs fois, car un seul test peut ne pas vous donner une image précise. Une lecture inexacte peut se produire lorsque votre navigateur ou votre hébergeur n'a pas encore mis votre contenu en cache, ce qui fait que votre site semble plus lent qu'il ne l'est en réalité.

Quelle est l'importance de la vitesse des pages pour le référencement ?

Lorsque Google a publié la mise à jour SiteSpeed en 2018, il a affirmé que seuls les sites les plus lents seraient affectés. Cependant, lorsque vous prenez en compte des facteurs tels que l'exploration, les taux de rebond, les taux de conversion et l'engagement global des utilisateurs, la réalité est que la vitesse du site joue un rôle important dans le référencement pour tous les sites, et pas seulement pour les sites lents.

Tout d'abord, parlons technique. Google dispose d'un budget d'exploration qu'il affecte à l'évaluation des sites et à leur classement. Si votre site est lent, les robots de Google ne peuvent pas le parcourir très rapidement, ce qui fait que Google hésite à les y renvoyer. Au lieu de cela, le moteur de recherche réorientera son budget vers l'exploration de sites dont les pages se chargent plus rapidement, ce qui lui permettra d'accomplir davantage de tâches.

Les taux de rebond, les taux de conversion et l'expérience utilisateur ont tous un impact significatif sur le référencement, et la vitesse de chargement des pages influe sur chacun de ces facteurs. Comme indiqué ci-dessus, plus d'un quart des utilisateurs quitteront un site qui ne se charge pas en trois secondes ou moins. Lorsqu'un utilisateur quitte votre site après seulement trois secondes, cela n'augure rien de bon pour votre taux de rebond, qui joue un rôle clé dans votre classement.

Les conversions ont également un impact sur votre classement. Si les visiteurs de votre site achèvent le cycle de vente, Google en prend note et envisage de vous faire remonter d'un cran dans les SERP. Cela est vrai, que votre cycle de vente se termine par un achat, un contact ou un abonnement à une lettre d'information par courrier électronique.

En revanche, si les visiteurs ne terminent pas le cycle de vente, cela signifie qu'ils se tournent vers un concurrent pour obtenir les produits, les services ou les informations dont ils ont besoin. Chaque fois qu'un concurrent gagne un marché qui aurait dû être le vôtre, il remonte dans les SERP et vous fait perdre une place.

En fin de compte, l'objectif de Google est de garantir à tous les utilisateurs une bonne expérience de navigation. Le moteur de recherche ne peut atteindre cet objectif si les pages sont lentes à charger et si les utilisateurs sont frustrés. Que fait Google lorsqu'un utilisateur se sent frustré ? Il pénalise le site qui est à l'origine de cette frustration en réduisant son classement. Comment Google sait-il qu'un utilisateur est frustré ? Les taux de rebond et de conversion sont très révélateurs.

La vitesse des pages a-t-elle donc une incidence sur le référencement ? Absolument. Cependant, bien que vous deviez certainement vous préoccuper d'améliorer votre classement dans les SERP, vous devriez, comme Google, vous préoccuper en fin de compte d'améliorer l'expérience de l'utilisateur. La manière dont vos visiteurs interagissent avec votre site et la durée de cette interaction sont les principaux facteurs pris en compte par le géant des moteurs de recherche pour classer un site. Si les utilisateurs sont satisfaits, Google l'est aussi. Cela étant dit, si votre site est lent, il est temps de l'accélérer. Reportez-vous à la section 1 pour commencer.

Articles connexes

• Référencement d'images

• Qu'est-ce que les métabalises ?

• L'importance d'utiliser un outil de vérification du classement des moteurs de recherche