Si votre site est lent, vous perdez des affaires. C’est aussi simple que ça. Selon les propres mots de Google, « la vitesse est égale aux revenus ». La vitesse de votre site Web a un impact direct sur le référencement et les taux de conversion. Ne pas prendre le temps d’apporter des améliorations peut être une erreur coûteuse. Pourquoi ? Les utilisateurs sont beaucoup plus susceptibles de rebondir à partir d’un site Web lent, et la probabilité que cela se produise augmente de plus de 100% si le temps de chargement de la page passe de seulement 1 à 6 secondes: il y a un réel besoin de vitesse, et l’outil gratuit PageSpeed ​​Insights de Google est une ressource fantastique pour vous aider à trouver et à résoudre les problèmes qui pourraient ralentir votre site. Découvrez comment utiliser le test PageSpeed, comment il fonctionne et comment accélérer votre site à l’aide des recommandations. De plus, apprenez la vérité derrière quelques mythes courants avant vos concurrents.

Pourquoi la vitesse est importante

On s’attend à ce que le Web soit rapide. Dès 2010, Google a confirmé la vitesse des pages comme facteur de classement. Ensuite, il «s’est concentré sur les recherches sur ordinateur», jusqu’à ce qu’une mise à jour spécifique de PageSpeed ​​pour mobile soit lancée en juillet 2018. Bien que la vitesse soit l’un des plus de 200 facteurs de classement, aucun de nous ne veut perdre inutilement des affaires. Surtout pour quelque chose habituellement sous notre contrôle. En fait, le blog SEO Backlinko a analysé 1 million de résultats de recherche Google et a trouvé «une forte corrélation entre la vitesse du site et les classements Google». Mais hormis le référencement, nous avons déjà vu comment les rebonds de page augmentent à mesure que la vitesse d’un site ralentit. En effet, une étude réalisée en 2019 par l’agence de marketing numérique américaine Portent a montré que « les taux de conversion chutent en moyenne de 4,42% à chaque seconde supplémentaire de temps de chargement (entre 0 et 5 secondes) ». Il a également constaté que les 5 premières secondes du temps de chargement de la page avaient le plus grand effet sur les taux de conversion. Si vous ne faites pas déjà attention à la vitesse en tant que mesure de performance, c’est le moment.

Dites bonjour à l’outil PageSpeed ​​Insights de Google

PageSpeed ​​Insights est un outil gratuit proposé par Google pour vous aider à analyser les performances de votre site Web et à voir des suggestions pour l’améliorer. En fait, c’est sans doute l’outil d’analyse de vitesse de page le plus populaire sur le marché, donc cela vaut votre temps. Vous vous demandez probablement: «Comment puis-je obtenir un score de 100/100 avec PageSpeed ​​Insights ? » Ralentissez. Tout d’abord, vous devez savoir comment utiliser correctement l’outil et comment mettre en œuvre les suggestions qu’il fait. Sinon, vous pourriez ne pas voir ces gains de performances qui peuvent faire une telle différence pour votre site. Il est également important de comprendre ce qu’est PageSpeed ​​et ce qu’il n’est pas.

PageSpeed ​​vs temps de chargement

En voici une intéressante. L’outil Google PageSpeed ​​ne mesure même pas le temps de chargement de votre site. Malgré ce que les gens supposent. Pour comprendre pourquoi, examinons d’abord la différence entre PageSpeed ​​et le temps de chargement de la page. PageSpeed ​​PageSpeed ​​est un score donné par Google, sur 100, par son outil PageSpeed ​​Insights. PageSpeed ​​Insights et l’outil de performance de page Web Lighthouse qui l’alimente, prend des mesures de performances brutes et les convertit en un score compris entre 1 et 100. Et bien qu’il offrira des opportunités et des rapports de diagnostic dans le cadre de son rapport, ceux-ci ne contribuent pas directement vers le score de performance. Cela signifie que PageSpeed, en soi, n’est pas réellement un véritable indicateur du temps de chargement d’un site. Temps de chargement Alors, quel est le temps de chargement, par rapport à PageSpeed ? C’est le temps moyen qu’il faut pour qu’une page se charge pour un utilisateur. Ce n’est pas un score calculé. Il s’agit du temps réel nécessaire pour charger une page, en secondes ou en millisecondes, entre le début et la fin du chargement de la page. Bien sûr, le temps de chargement seul ne donne pas un aperçu de ce qui cause les problèmes de vitesse ou comment les résoudre. Qu’est-ce que cela signifie pour toi ? Google PageSpeed ​​Insights peut être utile, mais vous ne pouvez pas l’utiliser de manière isolée pour évaluer les performances de votre site. Vous devez utiliser plusieurs indicateurs pour identifier et résoudre les problèmes.

Comment fonctionne PageSpeed ​​Insights ?

L’outil Google PagesSpeed ​​Insights est alimenté par Lighthouse et fournit à la fois des données de laboratoire et des données de terrain pour une page.Les données de laboratoire sont collectées dans un environnement contrôlé lors de la numérisation d’une page et constituent un excellent moyen d’identifier les problèmes de performances et de trouver solutions pour les réparer. Les «données de terrain», en revanche, sont collectées à partir de données de performances réelles lorsque les utilisateurs chargent votre page. Certains des problèmes et des goulots d’étranglement apparents qui compliquent la conversion de vos vrais visiteurs peuvent apparaître ici. En bref, l’outil affiche un score de performance sur 100. Cependant, les résultats de la métrique de performance utilisés pour le calculer ne sont pas pondérés de manière égale. Au lieu de cela, des choses comme «la première peinture contentée» (la première fois qu’un utilisateur peut voir apparaître) ont un effet plus important.

Mais vous ne verrez rien de tout cela. Vous verrez un score de performance rapporté et une couleur qui dépend du groupe de score dans lequel il tombe. Il est rapporté comme:

Alors, en savoir un peu plus sur PageSpeed ​​Insights, ce que c’est et comment ses scores sont calculés, par où commencer ?

Comment utiliser PageSpeed ​​Insights

1. Accédez à l’outil PageSpeed ​​Insights: 2. Saisissez l’URL d’une page Web. Il n’est pas nécessaire que ce soit le domaine racine / la page d’accueil. Une fois que l’outil a calculé les scores et les recommandations, vous verrez ce qui suit: 3. Notez que les scores de performance pour mobile vous sont proposés par défaut. Vous pouvez basculer vers le bureau avec l’onglet en haut à gauche de la page: Pour vraiment comprendre comment utiliser PageSpeed ​​Insights, vous devez savoir ce que tout ce que vous voyez signifie et comment l’interpréter. Score de vitesse Comme expliqué ci-dessus, le score de vitesse est une représentation codée par couleur de nombreuses mesures de performance de Lighthouse calculées ensemble. Il s’agit d’une métrique de vitesse excellente, rapide mais approximative. En soi, il ne s’agit pas d’une mesure approfondie des performances, pour les raisons que nous avons évoquées précédemment. Plus le temps de chargement de votre site est mauvais pour les mesures de performances mesurées, plus votre score de vitesse sera élevé. Assurez-vous de comparer votre score de vitesse sur mobile et sur ordinateur. Données sur le terrain Les «données sur le terrain» indiquent les performances de la page au cours des 30 derniers jours par rapport à d’autres dans le rapport sur l’expérience utilisateur Chrome, qui est un pool de mesures de performances recueillies auprès de certains utilisateurs du navigateur Chrome de Google. Si disponible, vous pourrez également afficher un résumé de l’origine, ainsi que l’URL spécifique que vous testez. Essentiellement, cela vous permet de voir une comparaison entre une page spécifique et toutes les pages de l’origine. Il est important de savoir que les données de champ sont agrégées d’utilisateurs réels sur Chrome. Mais il peut ne pas y avoir suffisamment de données pour l’URL que vous avez saisie. Si tel est le cas, vous ne pourrez visualiser que les «données de laboratoire». First Contentful Paint (FCP) Cela mesure le temps passé de la navigation à la page jusqu’au moment où le premier bit de contenu est rendu à partir du DOM. Il s’agit du premier jalon montrant qu’une page commence à se charger. FCP signale la vitesse à laquelle on arrive à ce point. Premier délai d’entrée (FID) Il s’agit d’une mesure clé pour mesurer la réactivité de la charge, car elle quantifie la rapidité avec laquelle la page répond à l’entrée d’un utilisateur, comme un clic de souris. Un FID faible suggère qu’une page est utilisable plus tôt. Alors que FCP mesure la vitesse à laquelle une page commence à se charger, il donne une indication sur la première impression d’un utilisateur lorsqu’il interagit réellement avec une page. Données de laboratoire Les «données de laboratoire», par rapport aux «données de terrain», sont basées sur l’analyse Lighthouse de la page et d’un périphérique émulé et d’une connexion. Bien que cela ne montre pas les données du monde réel, cela est toujours utile pour comprendre où se produisent les problèmes. Encore une fois, PageSpeed ​​Insights utilise ici son système de coloration des feux de signalisation familier pour indiquer les performances: afficher un cercle pour les scores verts, un carré pour l’orange et un triangle pour le rouge. First Contentful Paint (FCP) Alors que FCP est indiqué dans le rapport «données de terrain», il est basé sur une analyse émulée de Lighthouse, plutôt que sur des données réelles. Première peinture significative Plus le premier score de peinture significatif pour votre site ou votre page Web est faible, plus la page affiche rapidement le contenu. En termes simples, cela montre quand le contenu principal d’une page a été affiché à l’écran et est un excellent moyen de déterminer l’expérience de chargement d’un utilisateur. Index de vitesse La métrique d’index de vitesse montre à quelle vitesse le contenu d’une page devient visible, avec des scores plus bas indiquant de meilleures performances. Premier processeur inactif Ceci indique quand la plupart, mais peut-être pas tous, les éléments d’une page sont interactifs et quand la page est capable de répondre à la plupart des entrées utilisateur sans délai excessif. Time to Interactive (TTI) TTI mesure la vitesse à laquelle une page devient interactive. L’optimisation de la visibilité sur l’interactivité peut être frustrante pour les utilisateurs. D’où l’importance de bien comprendre et mesurer lorsqu’une page affichant un contenu utile a répondu en moins de 50 millisecondes. Délai de première entrée potentiel maximal Vous vous souvenez du FID sur le rapport «données de terrain» ? Pour les «données de laboratoire», cela est signalé comme le retard maximal potentiel de la première entrée et indique la durée de la tâche la plus longue après FCP pouvant être rencontrée par les utilisateurs. Opportunités C’est dans la section des opportunités que vous obtiendrez un aperçu de ce sur quoi vous concentrer pour améliorer votre temps de chargement de page et votre score PageSpeed, ainsi qu’une estimation de la réduction du temps de chargement qui pourrait être observée. Diagnostics Les diagnostics, en revanche, présentent des recommandations sur les meilleures pratiques qui doivent être prises en compte mais n’améliorent pas nécessairement les temps de chargement. Audits réussis Les audits réussis sont ce à quoi cela ressemble.

Qu’est-ce qu’un bon score PageSpeed ?

Même si vous n’atteignez pas 100/100, vous pouvez toujours avoir un site à chargement rapide. N’oubliez pas que PageSpeed, à lui seul, n’est pas un indicateur direct du temps de chargement. Il est probable que vous n’atteigniez jamais un score parfait, malgré des améliorations drastiques qui ont un impact positif sur le temps de chargement de votre site. Concentrez vos efforts et vos ressources là où ils ont le plus de sens. Comme l’a déclaré la plate-forme d’hébergement WordPress Kinsta, « obtenir un 100/100 dans Google PageSpeed ​​Insights n’est pas vraiment important. » Il est souvent cité comme un mythe commun que vous devez obtenir un score de 100/100 pour que votre site fonctionne bien. sachant que le véritable indicateur des performances de votre site est son temps de chargement, et non un score PageSpeed ​​Insights. Cela dit, nous constatons que Google lui-même décompose qu’un mauvais score se situe entre 0 et 49, un score moyen entre 50 et 89, un bon score est de 90+. Visez haut, bien sûr, mais ne vous souciez pas d’obtenir un score de 100. Il est également important de comprendre dans quelle mesure les sites que vous affrontez directement sur les SERP s’empilent dans une certaine mesure. vous avez un temps de chargement plus rapide et un meilleur score de PageSpeed, mais encore seulement un score, par exemple, 92/100, il y a de fortes chances que vos efforts soient mieux répartis ailleurs.

Comment améliorer votre score PageSpeed ​​Insights

Essayez les actions recommandées (ou les meilleures pratiques) et les points de départ ci-dessous; ce sont les problèmes les plus courants et ont le plus grand impact sur les améliorations.

Optimiser les images

L’optimisation d’image est peut-être l’une des raisons les plus courantes pour lesquelles une page Web a un temps de chargement lent et souvent le meilleur endroit pour commencer à apporter des améliorations, car les augmentations du temps de chargement et de PageSpeed ​​peuvent être importantes. Surtout lorsqu’il y a un certain nombre de personnes chargées de télécharger du contenu ou d’ajouter des produits, il est difficile de maintenir des normes strictes pour les images, et les problèmes peuvent rapidement s’accumuler. Les images prennent beaucoup de ressources à télécharger et elles ne sont souvent pas correctement optimisées. Les deux principaux domaines dans lesquels vous pouvez apporter des améliorations en optimisant les images sont:

Optimisation de la taille de l’image Une image de 1 Mo prendra plus de temps à télécharger qu’une image de 100 Ko. Pour résoudre ce problème, essayez de compresser les images sans perdre en qualité. Vous pouvez utiliser des outils tels que TinyPNG pour y parvenir ou consulter la recommandation de Google, ImageMagick. Taille des images à leur taille d’affichage Un autre problème courant est que les images sont inutilement beaucoup plus grandes qu’elles ne devraient l’être. Imaginez que votre page affiche une image de 250 x 250 px. Si l’image d’origine est en fait de 1 000 par 1 000 pixels, mais qu’elle est conçue pour s’afficher plus petite avec CSS, vous pouvez accélérer le temps de chargement. En l’état, le navigateur devra télécharger l’image originale (plus grande) pour l’afficher à la taille la plus petite. Utiliser un réseau de distribution de contenu (CDN) Assurez-vous de télécharger des images de taille correcte; sinon, vous rencontrerez sans aucun doute des problèmes de vitesse. WordPress gère cela automatiquement en créant plusieurs versions d’une image lors de son téléchargement, mais si vous utilisez un autre CMS, vous devrez peut-être redimensionner manuellement les images. L’utilisation d’un CDN répartit essentiellement la charge du serveur sur un certain nombre d’emplacements différents et utilise celle la plus proche de l’utilisateur pour servir les actifs. Plus les données sont proches, plus le temps de chargement est rapide. Sonne bien ? Vérifiez les pratiques de référencement incontournables pour les CDN avant de l’essayer. Différer les images hors écran Vous pouvez également envisager de différer les images hors écran, ce qui signifie qu’elles ne sont téléchargées que lorsque l’utilisateur défile. Cela risque de ne pas toutes les images seront visibles en cas de besoin. Cependant, c’est souvent un compromis qui vaut la peine d’être fait pour améliorer les temps de chargement. Vous pouvez trouver un certain nombre de plugins WordPress qui peuvent vous aider, ou Google a ses propres conseils sur les images hors écran. Utilisez les formats d’image de nouvelle génération Enfin, envisagez d’utiliser des formats d’image de nouvelle génération tels que WebP. Il a été démontré que les images WebP peuvent entraîner une diminution de 85,87% de la taille moyenne de l’image par rapport à JPG et une diminution de 42,8% par rapport à PNG. Ils ne sont pas pris en charge par tous les principaux navigateurs, mais certaines applications peuvent gérer WebP.

Amélioration du temps de réponse du serveur

La réalité est que l’amélioration du temps de réponse de votre serveur n’est pas quelque chose que la plupart ont la capacité de faire, étant donné que les deux domaines d’impact réels sont soit la réduction de la charge soit l’amélioration du matériel. Améliorer le temps de réponse du serveur revient vraiment à s’assurer que votre site est hébergé sur un excellent serveur. Publisher TechRepublic a une feuille de triche pour choisir le meilleur hébergeur. Si vous voyez des recommandations concernant le temps de réponse du serveur ou le TTFB (temps au premier octet), discutez avec votre fournisseur d’hébergement ou envisagez des solutions d’hébergement mieux adaptées à votre site. Minification Lors de l’écriture de code, il est courant de le faire de manière à utiliser des espaces pour en faciliter la lecture. Simplement, la minification supprime les espaces et les commentaires pour optimiser les fichiers CSS et JS et peut être effectuée à l’aide d’un simple outil de copier-coller tel que Minify. Mise en cache du navigateur Si vous utilisez WordPress comme CMS (ce que l’on estime à 35% du Web), il ne pourrait pas être plus facile d’utiliser la mise en cache du navigateur, avec des plugins gratuits populaires, notamment W3 Total Cache et WP Super Cache. La mise en cache fonctionne en créant et en servant rapidement une version statique de votre site aux utilisateurs, par opposition à une page générée dynamiquement à chaque accès. Si vous n’utilisez pas WordPress, il est toujours possible de configurer la mise en cache du navigateur manuellement. Effacer les redirections Au fil du temps, plusieurs redirections peuvent s’accumuler et entraîner une vitesse de chargement de page ralentie, car les navigateurs sont obligés de faire des requêtes HTTP supplémentaires, ce qui augmente le temps de chargement. PageSpeed ​​Insights mettra en évidence ces problèmes.

Utilisation de SEMrush Site Audit comme alternative à PageSpeed ​​Insights

L’audit de site SEMrush est un moyen fantastique de tester vos vitesses. Comme PageSpeed ​​Insights, l’outil d’audit de site peut aider à recommander des améliorations sur la vitesse de chargement d’un site et d’autres problèmes de performances. De plus, il recherchera plus de 130 erreurs techniques et SEO, fournissant des graphiques, des instructions et des instructions sur tout, de l’exploration aux problèmes de contenu. Vous pourrez voir un rapport thématique complet qui vous donne un aperçu des problèmes de performance et des opportunités, présentant tout ce dont vous avez besoin pour apporter des améliorations dans un seul rapport. Le rapport sur les performances est là pour vous aider à apporter des améliorations concrètes aux performances et au temps de chargement de votre site. C’est un moyen rapide de voir la situation dans son ensemble et d’obtenir une analyse visuelle de vos données et mesures, couvrant: En outre, le rapport met en évidence les erreurs, les avertissements et les notifications. Tous priorisés pour vous aider à résoudre les problèmes. Vous trouverez des informations sur ce qu’il faut faire pour voir des améliorations dans la section «Pourquoi et comment y remédier», avec des problèmes signalés, notamment:

Pourquoi ne pas l’essayer ? Parallèlement à Google PageSpeed ​​Insights, notre outil d’audit de site peut vous aider à établir des priorités et à effectuer des correctifs pour faire avancer les améliorations, réduire le temps de chargement de votre site et avoir une chance de mieux convertir vos visiteurs.

Quand allez-vous commencer à améliorer la vitesse de votre site ?

Il n’y a pas à ignorer l’importance d’avoir un site qui se charge rapidement, et j’espère que vous êtes un peu plus clair sur ce qu’est l’outil d’analyse de PageSpeed ​​de Google, ce qu’il n’est pas, et comment il fonctionne, ainsi que comment aborder l’amélioration de la vitesse de votre site . Il est souvent difficile de savoir par où commencer, mais en prenant le temps de comprendre où vous pouvez avoir le plus grand impact, vous pouvez commencer à travailler avec vos développeurs pour mettre en place un plan d’action priorisé et changer les choses. Cela a un impact non seulement sur les performances SEO de votre site, mais également sur la conversion des utilisateurs à un taux plus élevé.