Le First Contentful Paint, ou FCP, est une mesure de perception centrée sur l'utilisateur. Il s'agit du temps nécessaire au navigateur pour fournir le premier élément, comme les images, le texte ou les éléments de la toile.

Il est important d'avoir un FCP rapide car les utilisateurs auront l'impression que votre site web se charge rapidement, même si ce n'est pas strictement le cas. Cela dit, un FCP ne vise pas non plus à tromper les utilisateurs, mais il donne une idée de la vitesse générale de votre page.

Eye10 affichera votre score FCP pour les ordinateurs et les mobiles. Faites attention aux scores qui sont affichés en rouge ou en orange, ils signifient que des améliorations sont nécessaires.

Parmi les mesures qui peuvent être nécessaires pour améliorer votre score FCP, citons l'affichage du texte avant et pendant le chargement des polices, la réduction du HTML/CSS ou du Javascript, la suppression de tout CSS inutilisé, la réduction du temps d'accès au premier octet, l'utilisation d'images SVG ou WebP,ou encore la réduction de la taille du DOM.

L'indice de vitesse mesure le temps nécessaire pour que le contenu de votre site web soit visible dans son intégralité. Cela signifie donc que tous les éléments de la page ont été entièrement chargés et que votre site apparaît dans sa forme visuelle prévue. Cependant, l'indice de vitesse n'est pas une mesure de la vitesse globale de la page, mais plutôt de la perception par l'utilisateur que la page a été chargée.

Pensez donc à l'indice de vitesse en termes d'expérience utilisateur, notamment lorsque vous cherchez à réduire le taux de rebond des pages, surtout si ces pages sont lentes à charger pour vos utilisateurs.

Un indice de vitesse idéal se situe entre 0 et 3 secondes, compte tenu de ce que nous savons sur le moment où les utilisateurs sont susceptibles d'abandonner une page s'ils ont l'impression qu'elle ne se charge pas assez rapidement.

Si Eye10 affiche un score inférieur à un bon résultat pour l'indice de vitesse de vos URL, vous devriez envisager de réduire les ressources bloquant le rendu et de réduire le travail du fil conducteur (main-thread) de votre site.

N'oubliez pas que, comme pour tous les autres aspects pouvant affecter la rapidité de chargement de votre site web, plus les éléments sont compliqués, plus les problèmes de vitesse sont susceptibles de se produire. Parfois, la simplicité est préférable lors de la conception d'un site afin de réduire ces erreurs coûteuses dans le cadre de votre stratégie SEO au sens large.

Un site web standard est composé d'une grande variété d'éléments tels que des titres, du texte, des images, des boutons, des widgets, des tableaux, etc. La taille de chacun de ces éléments varie, ce qui signifie qu'ils mettent plus ou moins de temps à se charger correctement pour vos utilisateurs.

Le Largest Contentful Paint (LCP) est une méthode permettant de mesurer le degré d'optimisation de votre site web, en tenant compte de tous ces différents éléments sur la page. Plus précisément, il y a souvent un élément qui ressort le plus lorsqu'on mesure la rapidité de chargement d'une page en raison de sa taille. Le score LCP sera donc principalement basé sur cet élément, ce qui aura une incidence sur l'optimisation globale de la vitesse de votre site.

Les sites réactifs sont conçus en tenant compte des différents appareils utilisés. Cela peut signifier que votre temps LCP peut varier sur le desktop par rapport au mobile. Il faut donc en tenir compte lorsque vous cherchez à améliorer la conception de votre site. Par exemple, si votre score LCP est bon sur ordinateur mais pas sur mobile, seul le mobile doit être optimisé.

Parmi les mesures que vous pouvez prendre pour améliorer un mauvais score LCP, citons le redimensionnement ou la compression des images, l'amélioration de l'hébergeur ou des capacités de votre site, l'utilisation d'un réseau de diffusion de contenu (CDN) et l'élimination des scripts bloquant le rendu.

Si vous utilisez un modèle de site web, faites attention aux sections d'en-têtes, ou hero header, lentes à charger, qui peuvent être visuellement très belles, mais qui peuvent prendre un temps fou à charger, surtout si elles contiennent beaucoup d'images.

Le Time to interactive (TTI) est le temps qu'il faut à la page pour devenir totalement interactive après l'arrivée de l'utilisateur sur la page en question. En termes simples, cela signifie qu'une page peut sembler entièrement prête à l'emploi, mais tant que tous les éléments ne sont pas correctement chargés, ils ne sont pas utilisables, ce qui peut créer une expérience frustrante pour l'utilisateur, surtout si la page contient beaucoup d'éléments interactifs.

Ce que nous savons de la vitesse des pages et du référencement, c'est que les utilisateurs s'attendent à ce qu'une page web se charge en moins de 3 secondes. Or, le TTI moyen est en réalité de 22 secondes. Les utilisateurs peuvent donc se trouver sur la page, mais les éléments sur lesquels ils essaient de cliquer ou d'interagir ne sont pas immédiatement accessibles. L'expérience n'est donc pas satisfaisante, surtout si les utilisateurs supposent que la page est cassée ou présente un problème alors qu'elle n'est tout simplement pas encore chargée.

Souvent, la cause d'un score TTI faible est due à la présence de trop d'éléments Javascript sur une page. Bien que tous les autres paramètres de vitesse mesurés par Eye10 soient également étroitement liés au TTI. Il est donc certain qu'en réglant les autres problèmes de vitesse de votre page, votre TTI pourrait bien s'améliorer.

Le temps de blocage total, ou total blocking time en anglais, fait référence au temps écoulé entre le first contentful paint (FCP) et le temps de chargement complet de l'interactif (TTI). Ainsi, considérez le temps de blocage total comme un résumé de toutes vos mesures de vitesse de page.

Les actions de l'utilisateur telles que les clics, les pressions sur l'écran ou les pressions sur le clavier sont prises en compte dans le calcul du temps de blocage total. Plus précisément, il s'agit de savoir combien de temps l'utilisateur est "bloqué" dans l'exécution de l'une de ces actions sur votre page lorsqu'il essaie de la charger.

En optimisant la vitesse des pages de votre site web, vous chercherez en fin de compte à améliorer le temps de blocage total, qui doit être considéré comme l'aboutissement de chacune des autres mesures.

Le Cumulative Layout Shift (également connu sous le nom de CLS) signifie que la présentation d'une page s'adapte au fur et à mesure de son chargement. La raison pour laquelle le CLS se produit est souvent liée au modèle sélectionné ou à la façon dont la page a été conçue. En effet, les navigateurs ont tendance à charger les éléments d'une même page à des vitesses différentes. Par conséquent, la façon dont la page se charge peut ne pas donner une impression de continuité lors de la navigation sur la page et, en fin de compte, certains éléments peuvent être si lents à charger que les utilisateurs renoncent à attendre.

La page d'accueil de Google est un exemple de page dont le score CLS est faible. Vous remarquerez que cette page comporte un nombre minimal d'éléments, ce qui la rend rapide à charger et facile à naviguer. Bien que votre site web ne doive pas comporter le moins d'éléments possible, il est important de prendre en compte la façon dont votre page se charge, notamment pour éviter tout décalage dans la présentation.

L'outil PageSpeed d'Eye10 permet de mesurer facilement le Cumulative Layout Shift. Si votre page a un score CLS élevé, nous vous suggérons d'essayer un autre modèle de site ou de consulter un développeur pour ajuster les éléments de votre page afin qu'ils se chargent avec le moins de CLS possible. N'oubliez pas de tester votre site web sur différents navigateurs et appareils lorsque vous apportez des améliorations, jusqu'à ce que le problème soit résolu.

Il existe une grande variété de tests de vitesse de sites web sur le marché. Étonnamment, chaque outil peut donner des résultats différents en raison de l'emplacement de l'outil par rapport à l'emplacement de votre serveur, ainsi que des capacités de cet outil.

C'est pourquoi il est important de vérifier la vitesse de vos pages sur des outils alternatifs, afin d'essayer d'identifier des modèles généraux, et de découvrir des informations supplémentaires.

L'outil Pagespeed d'Eye10 fournit des données provenant à la fois de Google Pagespeed Insights et de Gtmetrix. Cela signifie que vous n'avez pas besoin de payer des abonnements à différents outils ni même de passer du temps à répéter des recherches sur l'un ou l'autre de ces sites - Eye10 combine tout ce dont vous avez besoin, rapidement et efficacement.

Voici un aperçu des aspects que chaque outil vous indiquera. L'outil Pagespeed combinera ces résultats sur la page afin que vous puissiez voir ce que chaque outil révèle simultanément.

Lorsque vous entrez votre URL dans l'outil Pagespeed d'Eye10, plusieurs aspects très importants de Google Pagespeed Insights vous sont présentés.

Eye10 vous donne également la possibilité de basculer entre les lectures pour mobile et pour desktop, afin que vous puissiez avoir une idée complète de la vitesse de chargement de vos pages sur l'un ou l'autre des appareils.

Google Pagespeed Insights comprend un résumé du score, le first contentful paint (FCP), l'indice de vitesse, le largest contentful paint (LCP), le temps d'interaction (TTI), le temps de blocage total (TBT) et le cumulative layout shift (CLS).

Assurez-vous que les résultats sur mobile et sur ordinateur s'affichent en vert lorsque vous passez d'un type de dispositif à l'autre.

GTmetrix est un autre outil populaire utilisé pour mesurer la vitesse des pages web. Il vous permet de trouver encore plus d'informations sur votre page, tout en obtenant un deuxième avis déterminant.

Les aspects que GTmetrix vous donnera dans l'outil Pagespeed comprennent une liste des principaux problèmes affectant vos performances, le score Pagespeed, le niveau de performance, le temps de chargement complet, la taille totale de la page et les requêtes.

Vous remarquerez que certains aspects sont similaires à ceux de Google Pagespeed Insights et que d'autres offrent plus de détails, comme la taille totale de votre page et le temps de chargement complet de votre page.

Nous avons répondu à certaines des questions les plus fréquentes sur Pagespeed ci-dessous. Si vous ne voyez pas votre question, ou si vous avez besoin d'une aide spécifique concernant l'outil Pagespeed d'Eye10, veuillez nous contacter directement.

Pagespeed Insights est un outil officiel de Google, et étant donné que Google est le premier moteur de recherche au monde, un tel outil n'aurait pas été développé s'il n'était pas important.

En fin de compte, les moteurs de recherche veulent envoyer les utilisateurs vers les pages qui offrent la meilleure expérience, étant donné que les moteurs de recherche sont également en concurrence les uns avec les autres. Les sites web pertinents qui se chargent rapidement seront donc toujours préférés aux sites lents et défectueux.

Après tout, si les utilisateurs quittent le site parce que les pages sont trop longues à charger, même si votre contenu a été méthodiquement optimisé pour le référencement, personne ne restera pour le lire.

Cela vaut donc la peine d'examiner toutes les suggestions d'Eye10, afin que votre site web se charge rapidement.

Google Pagespeed Insights classe le score de l'URL de votre site web en fonction des catégories suivantes :

90-100 - Bon
58-89 - Moyen
0-49 - Mauvais

Idéalement, le chargement de votre site devrait prendre entre 1 et 3 secondes, sachant que 53 % des visites sur mobile abandonnent si le chargement de la page prend plus de 3 secondes.

Regardez le score qu'Eye10 vous donne pour les temps de chargement de vos pages à la fois pour Google Pagespeed Insights et GTmetrix, selon si le site est consulté sur ordinateur ou sur mobile.

Vous verrez ensuite une ventilation des deux scores ainsi qu'une liste des changements nécessaires pour améliorer le score, si des problèmes sont détectés.

L'outil Pagespeed d'Eye10 fournit jusqu'à 30 requêtes par jour pour la formule professionnelle, ou jusqu'à 100 requêtes par jour pour la formule entreprise.

Entrez simplement votre URL et Eye10 fera le reste ! Nous vous recommandons de vérifier régulièrement la vitesse de chargement de vos pages, en particulier si vous avez récemment apporté des modifications à votre site, notamment à sa conception ou à ses capacités d'hébergement.

Oui, la vitesse des pages est un facteur de positionnement lié au SEO technique.

Les moteurs de recherche ne veulent pas envoyer les utilisateurs vers des sites web qui mettent du temps à se charger, car cela se traduit par une mauvaise expérience utilisateur. Donc, si vous voulez grimper dans le classement des moteurs de recherche, vous devez faire tout ce qui est en votre pouvoir pour réduire le temps de chargement complet de vos pages.

Il existe une multitude d'aspects sur votre site web qui peuvent être optimisés afin d'obtenir un temps de chargement plus rapide. Voici un aperçu des principales choses que nous vous recommandons de vérifier.

Mettez à niveau les capacités d'hébergement de votre site web - Avec le temps, le trafic de votre site, sans parler de sa taille, va probablement augmenter. Assurez-vous que votre site peut gérer la quantité de trafic qu'il reçoit dans sa situation actuelle. De même, vous avez peut-être choisi une formule d'hébergement qui donne de mauvais résultats en matière de temps de chargement des pages. Vérifiez la vitesse auprès de votre fournisseur et comparez-la avec celle d'autres prestataires pour voir si vous êtes sur la bonne formule ou pas.

Utilisez un CDN - Un CDN est un réseau de diffusion de contenu. En substance, un CDN reproduit des versions de votre site web sur des serveurs situés dans le monde entier, ce qui réduit le temps de chargement de votre page. Pensez à utiliser un CDN si votre hébergeur ne se trouve pas dans le même pays que votre audience cible. Si votre site s'adresse à un public international, les CDN sont également recommandés.

Optimisez les images - Contrairement au texte, les fichiers d'image ont une taille beaucoup plus importante. Si la taille des images de votre site n'a pas été réduite avant le téléchargement (c'est-à-dire en redimensionnant l'image), vos images risquent de mettre à rude épreuve les capacités de la bande passante de l'utilisateur.

Vérifiez l'absence d'erreurs dans le code du site web - Quel que soit le modèle de votre site Web (y compris les modèles préétablis), vérifiez qu'il n'y a pas d'erreurs ou de problèmes évidents qui ralentissent vos pages.

Supprimez les pop ups - Les pop ups sont l'un des nombreux éléments qui peuvent ralentir vos pages. Supprimez ces éléments pour que vos pages se chargent aussi vite que possible.

Il est facile de se laisser séduire par des offres d'hébergement bon marché, ou même de choisir les noms les plus populaires du marché. Mais avant de souscrire une formule d'hébergement pour votre site web, vous devez lire les détails. Plus précisément, regardez la capacité du serveur que vous recevrez, afin de vous assurer que vous choisissez une formule qui répond vraiment aux besoins de votre site.

Vérifiez également la durée de votre contrat, au cas où vous auriez besoin de mettre à niveau vos serveurs ou même de changer de fournisseur. Il peut être compliqué de changer d'hébergeur, et certaines plateformes peuvent imposer des restrictions vous empêchant de le faire pendant un certain temps.

Pensez que si l'hébergeur n'est pas situé dans votre pays (par exemple, si votre site est au Royaume-Uni mais que votre site sera hébergé aux États-Unis), un CDN sera nécessaire. Idéalement, l'hébergeur devrait donc toujours être situé dans le même pays que votre site web pour éviter ce problème. Cependant, pour les sites ayant un public mondial (par exemple, les blogs), un CDN est toujours recommandé.

Vérifiez également les avis des utilisateurs. Optez pour la plate-forme d'hébergement qui propose les meilleurs forfaits en fonction des capacités et des allocations, ainsi qu'une plate-forme qui dispose d'une assistance clientèle dédiée.

Il est vrai que tous les entrepreneurs et toutes les startups n'ont pas le budget nécessaire pour engager un développeur ou un concepteur de sites web. Mais, comme pour tous les autres services dont votre site a besoin, si vous ne disposez pas de l'expertise nécessaire pour garantir un résultat professionnel, la résolution du problème pourrait coûter plus cher à long terme.

Les développeurs web sont responsables de la construction de votre site, tandis que les concepteurs web s'occupent de l'apparence de votre site. Ces deux spécialités peuvent contribuer à assurer un chargement rapide de votre site. Si votre site web actuel est lent à charger, la nouvelle conception devra éliminer tous les problèmes de la conception actuelle, et cet objectif ne peut être atteint qu'avec la bonne expertise à vos côtés.

Dans tous les cas, nous vous suggérons d'utiliser notre outil Pagespeed et de consulter la ventilation analytique pour voir où en est votre site. De même, si votre site web est actuellement actif, les données vous indiqueront la bonne direction à suivre pour comprendre quels aspects de votre site ralentissent les choses.

Une autre raison pour laquelle les développeurs et concepteurs web font partie intégrante du processus de création d'un site web est qu'ils peuvent vous conseiller sur les éléments qu'il n'est pas nécessaire d'inclure sur votre site. Ou ceux qui peuvent être optimisés pour prendre moins de temps à charger sur la page.

Si vous concevez votre propre site web, réfléchissez aux éléments dont votre page a réellement besoin pour remplir sa fonction. Les éléments inutiles n'apporteront aucune valeur ajoutée à vos utilisateurs et, pire encore, ils ralentiront votre page.

Notre dernier point est de vous assurer que vous ne construisez pas votre site web pour ensuite l'oublier ! Comme pour tous les aspects de votre référencement, vérifiez régulièrement l'état de la vitesse de vos pages à l'aide de l'outil Pagespeed d'Eye10 pour vous permettre de résoudre rapidement tout problème. Sinon, vous pourriez ne pas vous rendre compte que certaines pages sont lentes à charger, ce qui entraînerait une mauvaise expérience utilisateur et un taux de rebond élevé.

Eye10 offre une quantité considérable de requêtes quotidiennes pour l'outil Pagespeed, alors assurez-vous de les utiliser pour que votre site profite vraiment de votre abonnement.