Logo de l'agence ID Interactive

Score 100 sur PageSpeed Insights : comment améliorer les performances de son site ?

Publication : 06.07.2023

Dernière modification : 17.10.2026

Un score de 100 sur PageSpeed Insights ne garantit ni position Google ni conversion. Ce guide explique comment lire les données de laboratoire et réelles, maîtriser les Core Web Vitals et prioriser les optimisations utiles.

Objectif 100% sur Google PageSpeed Insights : maximisez les performances de votre site web

Obtenir un score de 100 sur Google PageSpeed Insights signifie qu’une page atteint le maximum du score de performance calculé par Lighthouse dans des conditions de test données. C’est un excellent résultat technique, mais il ne garantit ni un chargement instantané pour tous les utilisateurs, ni une meilleure position dans Google, ni une augmentation des conversions.

Pour un site professionnel, l’objectif doit être plus large : afficher rapidement les informations utiles, répondre sans délai aux interactions et éviter les déplacements inattendus de l’interface.

Google PageSpeed Insights permet d’identifier les principaux obstacles à cette expérience. L’outil combine des tests de laboratoire et, lorsque les données sont disponibles, des mesures provenant de véritables utilisateurs de Chrome.

Alors, comment améliorer son score PageSpeed ? À quoi correspondent les indicateurs LCP, INP et CLS ? Et faut-il réellement atteindre 100/100 sur mobile et ordinateur ?

ID Interactive est une agence digitale installée à Arradon, près de Vannes (Morbihan), depuis 2006, Google Partner, Meta Business Partner et Shopify Partner. Elle conçoit des sites Internet et des applications web en intégrant les enjeux de performance dès leur développement.

Ce guide explique comment interpréter PageSpeed Insights et prioriser les optimisations qui apportent une réelle amélioration.

Qu’est-ce que Google PageSpeed Insights ?

Google PageSpeed Insights est un outil gratuit permettant d’analyser les performances d’une page web.

Il est accessible à l’adresse pagespeed.web.dev.

Pour lancer un diagnostic, il suffit de renseigner l’URL de la page souhaitée.

L’outil fournit ensuite des informations sur les performances en environnement mobile et sur ordinateur.

Il présente notamment :

  • Des mesures d’utilisateurs réels, lorsque leur volume est suffisant.
  • Des résultats de tests automatisés effectués avec Lighthouse.
  • Un score de performance sur 100.
  • Des indicateurs techniques détaillés.
  • Des recommandations pour identifier les problèmes de chargement, d’interactivité et de stabilité.

PageSpeed Insights permet donc d’orienter une démarche d’amélioration.

Il ne remplace toutefois ni un audit de performance complet ni des tests utilisateurs.

Que signifie un score de 100 sur PageSpeed Insights ?

Le score de performance PageSpeed Insights est calculé à partir de plusieurs métriques recueillies lors d’une analyse Lighthouse.

Il est compris entre 0 et 100.

Trois catégories permettent de lire rapidement le résultat :

  • Score de 90 à 100 : Bon
  • Score de 50 à 89 : Amélioration nécessaire
  • Score de 0 à 49 : Médiocre

Un score de 100 correspond au maximum de cette échelle pour le test réalisé.

Il ne signifie pas que le site fonctionne à 100 % de sa vitesse possible ou que tous ses visiteurs bénéficient de conditions identiques.

Est-il nécessaire d’atteindre 100/100 ?

Non. Google ne demande pas aux sites Internet d’obtenir un score parfait.

Un score de 90 ou davantage est déjà considéré comme bon dans la grille Lighthouse.

Il peut être pertinent de poursuivre certaines optimisations au-delà de ce niveau, notamment lorsqu’elles améliorent réellement le chargement ou l’interactivité.

En revanche, chercher à gagner les derniers points au prix de nombreuses modifications techniques peut avoir un intérêt limité.

Un résultat doit être apprécié en fonction des usages, des contraintes du site et des données d’utilisateurs réels.

Pourquoi le score varie-t-il entre deux tests ?

Même si une page n’a pas été modifiée, son score peut varier.

Différents paramètres peuvent intervenir :

  • La charge du serveur.
  • Les ressources tierces chargées pendant le test.
  • Le comportement de certains scripts.
  • La disponibilité du réseau et des ressources.
  • Les conditions d’exécution du navigateur.
  • Le contenu affiché selon la session.

Il est donc recommandé de réaliser plusieurs tests comparables avant de conclure qu’une modification a amélioré ou dégradé les performances.

Le score PageSpeed est-il identique sur mobile et ordinateur ?

Non.

PageSpeed Insights analyse séparément les environnements mobile et ordinateur.

Une page peut obtenir un excellent score sur ordinateur et présenter des difficultés sur mobile.

Les conditions de simulation, les contraintes matérielles et l’organisation des contenus peuvent expliquer ces différences.

Le diagnostic doit donc prendre en compte les deux environnements, avec une attention particulière aux appareils réellement utilisés par le public du site.

Quelle différence entre les données de laboratoire et les données réelles ?

C’est la distinction la plus importante pour interpréter correctement PageSpeed Insights.

L’outil peut afficher deux ensembles d’informations qui ne mesurent pas exactement la même chose.

Les données de laboratoire : Lighthouse

Lighthouse réalise un test automatisé dans un environnement simulé.

Ce diagnostic permet d’examiner le chargement d’une page et d’identifier des points techniques à corriger.

Il fournit notamment des indicateurs comme :

  • FCP (First Contentful Paint).
  • LCP (Largest Contentful Paint).
  • Speed Index.
  • TBT (Total Blocking Time).
  • CLS (Cumulative Layout Shift).

Le score de performance sur 100 provient de ces mesures de laboratoire.

Ces tests sont particulièrement utiles pour diagnostiquer des problèmes et comparer des optimisations réalisées dans des conditions similaires.

Les données réelles : Chrome User Experience Report

PageSpeed Insights peut également présenter des mesures collectées auprès d’utilisateurs réels de Chrome.

Ces données proviennent du Chrome User Experience Report, ou CrUX.

Elles portent sur une période glissante de 28 jours et sont agrégées pour préserver l’anonymat.

Elles permettent notamment d’étudier les performances de chargement, la réactivité et la stabilité des pages réellement consultées.

Les résultats sont généralement présentés au 75e percentile.

Cela signifie qu’une valeur de référence permet d’apprécier l’expérience d’une large majorité des visites, sans masquer les difficultés rencontrées par une partie des utilisateurs.

Pourquoi les deux résultats peuvent-ils être différents ?

Une page peut obtenir 100/100 lors d’un test Lighthouse et présenter des Core Web Vitals insuffisants en conditions réelles.

Cette différence peut s’expliquer par la diversité des appareils, des connexions, des navigateurs et des comportements.

Elle peut également provenir du chargement de services tiers ou d’interactions qui ne sont pas reproduites pendant le test automatisé.

À l’inverse, une page dont les données réelles sont bonnes peut obtenir ponctuellement un score de laboratoire inférieur à 90.

Pour piloter la performance d’un site en production, il faut donc consulter les deux types de mesures.

Que faire si PageSpeed ne dispose pas de données réelles ?

Certaines pages ne génèrent pas un volume de données CrUX suffisant.

PageSpeed Insights peut alors afficher des données agrégées au niveau du domaine, ou ne pas proposer de mesures réelles exploitables.

L’absence de données CrUX ne signifie pas que la page est lente.

Elle indique simplement que les informations disponibles ne permettent pas d’établir la mesure dans les conditions prévues par l’outil.

Test de performance du site Abris LabelBleu sur Google PageSpeed Insights version desktopTest de performance du site Abris LabelBleu sur Google PageSpeed Insights version mobile

Quels sont les trois Core Web Vitals à connaître ?

Les Core Web Vitals, également appelés Signaux Web Essentiels, permettent d’évaluer trois aspects de l’expérience de navigation : le chargement, l’interactivité et la stabilité visuelle.

En 2026, les principales métriques sont le LCP, l’INP et le CLS.

  • LCP : affichage du principal élément visible ; seuil considéré comme bon : 2,5 secondes ou moins.
  • INP : réactivité aux interactions ; seuil considéré comme bon : 200 millisecondes ou moins.
  • CLS : stabilité visuelle de la page ; seuil considéré comme bon : 0,1 ou moins.

Ces seuils s’appliquent à l’analyse des expériences utilisateurs, notamment au 75e percentile des mesures.

LCP : combien de temps pour afficher le contenu principal ?

Le LCP (Largest Contentful Paint) mesure le temps nécessaire à l’affichage du plus grand élément de contenu visible dans la fenêtre du navigateur.

Il peut s’agir d’une image principale, d’un bloc de texte ou d’un autre élément pris en compte par cette métrique.

Un LCP élevé peut être lié à plusieurs causes :

  • Réponse initiale du serveur trop lente.
  • Image principale trop volumineuse.
  • Ressource principale découverte tardivement.
  • CSS ou JavaScript retardant l’affichage.
  • Chargement différé inapproprié d’une image essentielle.

Le LCP ne mesure donc pas uniquement la rapidité du serveur.

Il représente une partie importante du chargement perçu par l’utilisateur.

INP : le site réagit-il rapidement aux interactions ?

L’INP (Interaction to Next Paint) mesure la réactivité de la page aux interactions effectuées par l’utilisateur.

Il prend en compte le délai entre une interaction et la mise à jour visuelle correspondante.

Par exemple, si un utilisateur clique sur un menu et attend longtemps avant que celui-ci s’affiche, l’expérience peut être dégradée.

Les problèmes d’INP sont souvent liés à des traitements JavaScript importants ou à des tâches qui occupent trop longtemps le thread principal du navigateur.

L’INP a remplacé le FID (First Input Delay) parmi les Core Web Vitals en mars 2024.

Attention : le TBT affiché par Lighthouse est un indicateur de laboratoire utile pour diagnostiquer le blocage du thread principal, mais il ne constitue pas une mesure directe de l’INP réel de toutes les interactions.

CLS : les éléments bougent-ils pendant la navigation ?

Le CLS (Cumulative Layout Shift) mesure les déplacements inattendus de certains éléments visibles.

Ces mouvements peuvent apparaître lorsqu’une image, une publicité, une police ou un composant est chargé après le début de l’affichage.

Par exemple, un utilisateur s’apprête à cliquer sur un bouton. Une image apparaît au-dessus, décale le contenu et déplace soudainement ce bouton.

Une bonne conception doit réserver l’espace nécessaire aux éléments et éviter ces modifications imprévues.

Le CLS est une valeur sans unité.

Affichage des Core Web Vitals dans les résultats de l'analyse de Google PageSpeed Insights

Comment améliorer son score PageSpeed Insights ?

L’amélioration des performances repose sur des actions techniques adaptées aux problèmes détectés.

Il n’existe pas de réglage unique permettant de faire passer tous les sites à 100/100.

Voici les optimisations les plus utiles à examiner.

1. Optimiser les images

Les images peuvent représenter une part importante des ressources téléchargées.

Pour limiter leur impact :

  • Utilisez des dimensions adaptées à l’affichage.
  • Évitez de transmettre une image beaucoup plus grande que nécessaire.
  • Choisissez un format de compression adapté.
  • Utilisez WebP ou AVIF lorsque cela apporte un bénéfice réel et reste compatible avec le contexte.
  • Prévoyez des versions responsives.
  • Renseignez les dimensions nécessaires pour limiter les décalages de mise en page.

Les images sous la ligne de flottaison peuvent être chargées de manière différée lorsque cela est pertinent.

En revanche, il faut éviter de charger paresseusement l’image principale responsable du LCP.

Cette ressource doit généralement être identifiée et chargée suffisamment tôt.

2. Réduire le JavaScript inutile

Les scripts peuvent ralentir l’affichage ou retarder les interactions.

Cela concerne aussi bien les fonctionnalités développées pour le site que les outils tiers : mesure d’audience, publicité, chat, widgets ou animations.

Plusieurs approches peuvent être envisagées :

  • Supprimer les bibliothèques inutilisées.
  • Charger uniquement les scripts nécessaires.
  • Différer les traitements non prioritaires.
  • Réduire les tâches longues.
  • Éviter les composants interactifs inutilement complexes.
  • Examiner le comportement des scripts tiers.

L’objectif n’est pas de supprimer tout JavaScript.

Il s’agit de limiter les traitements qui n’apportent pas de valeur à l’utilisateur.

3. Optimiser les feuilles de style et les polices

Des feuilles de style volumineuses ou mal organisées peuvent retarder l’affichage.

Les polices web peuvent également provoquer des ralentissements ou des changements de mise en page.

Il est utile de limiter les ressources inutilisées, de choisir des formats de fichiers appropriés et d’adapter les stratégies de chargement.

Ces optimisations doivent être évaluées en fonction des besoins graphiques réels.

4. Améliorer la réponse du serveur

Le temps de réponse initial du serveur peut influer sur le chargement du contenu.

Plusieurs éléments doivent être examinés :

  • L’environnement d’hébergement.
  • La configuration des caches.
  • Les traitements réalisés côté serveur.
  • Les requêtes vers les bases de données.
  • Les appels à des services externes.
  • La distribution des contenus statiques.

L’utilisation d’un CDN peut être pertinente pour certains projets, mais elle ne corrige pas automatiquement une architecture ou un traitement serveur inefficace.

5. Configurer correctement le cache

La mise en cache permet de réutiliser certaines ressources sans devoir les recalculer ou les télécharger intégralement à chaque visite.

Elle peut concerner les fichiers statiques, les réponses serveur ou certains contenus intermédiaires.

Une configuration adaptée doit tenir compte de la fréquence d’actualisation des contenus et des besoins de confidentialité.

Un cache mal maîtrisé peut également présenter une version obsolète d’une page après publication.

Il faut donc prévoir une stratégie cohérente de durée de conservation et d’invalidation.

6. Réduire les ressources tierces

Les outils de suivi, modules publicitaires et composants externes ajoutent parfois du JavaScript, des connexions réseau et des traitements supplémentaires.

Avant d’intégrer un nouvel outil, il faut examiner son utilité réelle.

Pour chaque service, plusieurs questions peuvent être posées :

  • Est-il indispensable au parcours utilisateur ?
  • Doit-il être chargé dès l’ouverture de la page ?
  • Peut-il être activé uniquement lorsque nécessaire ?
  • Quel est son impact sur le chargement et la réactivité ?
  • Existe-t-il une solution plus légère ?

Ce travail doit préserver les obligations légales, les besoins de mesure et les fonctionnalités essentielles.

7. Éviter les animations qui dégradent l’expérience

Les animations peuvent faciliter la compréhension de certaines interactions.

Mais des effets excessifs ou mal conçus peuvent entraîner des ralentissements, perturber la lecture et compliquer l’utilisation du site.

Les animations doivent avoir une fonction claire et respecter les préférences des utilisateurs lorsque celles-ci sont exprimées.

8. Contrôler les performances après chaque évolution

Une nouvelle fonctionnalité, un outil marketing ou un changement graphique peut modifier les performances.

Il est donc préférable de contrôler régulièrement les pages importantes.

La surveillance doit notamment porter sur les pages d’accueil, les pages de services, les fiches produits, les parcours de réservation et les fonctionnalités commerciales critiques.

Quelles optimisations prioriser selon le problème rencontré ?

Le diagnostic PageSpeed Insights peut être traduit en un plan d’action.

  • LCP trop élevé : causes possibles : image principale lourde, serveur lent, ressource découverte tardivement. Actions à examiner : optimiser l’image, sa priorité et le chargement initial.
  • INP insuffisant : causes possibles : tâches JavaScript longues, traitements complexes. Actions à examiner : réduire les traitements et les blocages du thread principal.
  • CLS élevé : causes possibles : images sans dimensions, composants ajoutés tardivement. Actions à examiner : réserver les espaces et stabiliser la mise en page.
  • TBT élevé en laboratoire : cause possible : JavaScript bloquant. Actions à examiner : examiner et fractionner les tâches longues.
  • Transfert de données important : causes possibles : images, vidéos ou scripts volumineux. Actions à examiner : adapter les formats et supprimer les ressources inutiles.
  • Écart mobile / ordinateur : causes possibles : contraintes matérielles, réseau ou affichage. Actions à examiner : analyser séparément les deux environnements.

Les recommandations doivent être adaptées au site testé.

Un diagnostic complet commence généralement par les problèmes les plus graves sur les pages les plus importantes pour les utilisateurs et l’activité.

Comment tester efficacement son site avec PageSpeed Insights ?

Une méthode simple permet d’obtenir des résultats exploitables.

Étape 1 — Sélectionner les pages prioritaires

Il n’est pas suffisant de tester uniquement la page d’accueil.

Un site professionnel peut comporter différents modèles présentant des comportements techniques très différents.

Sélectionnez notamment une page commerciale, un article, une page de contact et, selon le site, une fiche produit ou un parcours de réservation.

Étape 2 — Lancer les analyses mobile et ordinateur

Ouvrez PageSpeed Insights et renseignez l’URL.

Examinez les deux environnements séparément.

Conservez les principaux résultats pour permettre une comparaison ultérieure.

Étape 3 — Lire les données réelles avant de se concentrer sur le score

Lorsque les données CrUX sont disponibles, commencez par consulter les valeurs LCP, INP et CLS.

Identifiez les métriques insuffisantes.

Vérifiez aussi si les données concernent précisément l’URL testée ou un ensemble plus large de pages du domaine.

Étape 4 — Examiner les diagnostics Lighthouse

Le rapport de laboratoire permet de rechercher les causes techniques possibles.

Par exemple, un LCP élevé peut conduire à analyser l’image principale, les ressources bloquantes ou le délai de réponse du serveur.

Étape 5 — Corriger les problèmes les plus utiles

Hiérarchisez les interventions selon :

  • Leur impact attendu sur l’utilisateur.
  • La gravité du problème observé.
  • Le nombre de pages concernées.
  • L’importance commerciale des parcours.
  • Le coût et le risque de modification.

Un problème présent sur toutes les fiches produits peut être plus important qu’un détail affectant une seule page peu consultée.

Étape 6 — Mesurer à nouveau

Après une optimisation, relancez plusieurs tests de laboratoire dans des conditions comparables.

Pour les données utilisateurs réels, tenez compte de leur période de collecte glissante de 28 jours.

Une modification du score Lighthouse peut être immédiatement visible, tandis que son effet dans les mesures CrUX apparaît progressivement.

Un score 100 PageSpeed améliore-t-il automatiquement le SEO ?

Non. Un score Lighthouse de 100/100 n’est pas un facteur de classement direct équivalent à une première position Google.

Google utilise les Core Web Vitals parmi les signaux pris en compte par ses systèmes de classement.

Mais le référencement naturel repose sur bien d’autres éléments : pertinence du contenu, indexabilité, architecture, liens, qualité des réponses et contexte de la recherche.

Une page avec un score PageSpeed inférieur peut apparaître devant une page à 100/100 si elle répond mieux à l’intention de l’internaute.

Quelle différence entre le score SEO Lighthouse et un audit SEO ?

Lighthouse propose également une catégorie de contrôles SEO.

Elle examine certains fondamentaux techniques automatisables.

Cependant, même un score de 100 dans cette catégorie ne signifie pas que le site dispose d’une stratégie de référencement complète.

L’outil ne remplace pas une analyse des mots-clés, des concurrents, de la qualité éditoriale ou des conversions.

ID Interactive associe ces différentes dimensions dans ses prestations de référencement naturel SEO.

Quel lien avec le taux de rebond ?

Des problèmes de chargement peuvent compliquer la navigation et conduire certains internautes à abandonner une visite.

Mais il ne faut pas affirmer qu’une amélioration du score PageSpeed entraîne automatiquement une diminution du taux de rebond.

Dans Google Analytics 4, cet indicateur dépend notamment de critères de durée et d’engagement.

Le guide sur le taux de rebond dans GA4 explique comment le calculer et l’interpréter.

Un score élevé améliore-t-il la visibilité GEO ?

Un site techniquement accessible et performant constitue une base utile pour les visiteurs et les systèmes d’exploration.

Mais un score de 100 sur PageSpeed Insights ne garantit pas qu’une page sera citée dans les réponses des assistants IA.

Google n’impose d’ailleurs pas de score PageSpeed spécifique pour apparaître dans ses Aperçus IA ou son Mode IA.

La visibilité GEO dépend aussi de la qualité des informations, de la pertinence des sources et de la capacité des systèmes à accéder au contenu.

Il est donc préférable de traiter la performance comme une composante de la qualité du site, et non comme une technique de citation IA.

Performance web et éco-conception : quels liens ?

L’optimisation technique peut contribuer à réduire certaines ressources nécessaires au fonctionnement d’un site.

Une image mieux dimensionnée, un script supprimé ou une requête évitée peuvent limiter la quantité de données transférées et certains traitements.

Ces améliorations peuvent présenter un intérêt pour la performance comme pour une démarche de sobriété numérique.

Un site rapide est-il nécessairement écoresponsable ?

Non.

La rapidité de chargement ne constitue pas une mesure directe de l’impact environnemental.

L’impact d’un service numérique dépend notamment de son infrastructure, des équipements utilisés, de la durée de vie du matériel, des traitements et des usages.

Une réduction du poids des pages peut être pertinente, mais elle ne permet pas, à elle seule, de calculer précisément une réduction des émissions de CO₂.

Comment intégrer la sobriété dès la conception ?

Une démarche d’éco-conception peut commencer par une réflexion sur les besoins réels.

Il s’agit notamment de :

  • Éviter les fonctionnalités inutiles.
  • Réduire le poids des médias lorsque cela est possible.
  • Limiter les dépendances techniques superflues.
  • Organiser la mise en cache.
  • Privilégier des interfaces compréhensibles.
  • Préserver l’accessibilité et la maintenabilité.
  • Mesurer les effets des optimisations.

Des outils comme EcoIndex peuvent fournir des indicateurs complémentaires sur certains aspects de la conception et du poids d’une page.

Leurs estimations doivent toutefois être distinguées d’une analyse environnementale complète.

ID Interactive présente ces enjeux dans sa démarche déco-conception numérique responsable.

Test de l’éco-conception du site Les-Ateliers-Jehanno.fr sur WebsiteCarbon et EcoindexTest de l’éco-conception du site Les-Ateliers-Jehanno.fr sur WebsiteCarbon et Ecoindex

Next.js et Payload CMS permettent-ils d’améliorer les performances ?

Le choix des technologies peut faciliter certaines optimisations.

Mais aucune technologie ne garantit, à elle seule, un score de 100 sur PageSpeed Insights.

La qualité du résultat dépend aussi de l’architecture, des contenus, des composants développés, de l’hébergement et des ressources tierces.

Quels avantages peut apporter Next.js ?

Next.js est un framework basé sur React, utilisé pour développer des sites et des applications web.

Il propose plusieurs mécanismes utiles pour optimiser les performances :

Le rendu adapté au projet. Selon l’architecture choisie, les pages peuvent être générées à l’avance, rendues côté serveur ou utiliser différentes stratégies de mise en cache.

L’optimisation des images. Les composants et fonctions du framework permettent d’adapter les ressources aux appareils et aux besoins d’affichage.

La gestion des polices. Des fonctionnalités dédiées facilitent leur chargement et leur optimisation.

Le contrôle du JavaScript envoyé au navigateur. Avec une architecture et des composants appropriés, il est possible de limiter le code exécuté côté client.

Ces capacités nécessitent une mise en œuvre maîtrisée.

Un site Next.js peut rester lent si ses pages comportent des scripts trop lourds, des images mal chargées ou des appels serveur coûteux.

Découvrez l’expertise d’ID Interactive sur sa page agence Next.js.

Quels avantages peut apporter Payload CMS ?

Payload CMS est un système de gestion de contenu headless qui permet de gérer des informations indépendamment de leur présentation sur le site.

Cette architecture peut faciliter la conception d’interfaces adaptées aux besoins du projet.

Le contenu peut être mis à disposition des applications via des API et intégré dans différents environnements.

Elle peut également permettre de maîtriser les données transmises aux interfaces.

Cependant, l’utilisation d’un CMS headless ne réduit pas automatiquement le nombre de requêtes ou le poids de chaque page.

Ces résultats dépendent des choix d’intégration, des API utilisées, des caches et des composants de présentation.

ID Interactive développe des projets utilisant cette architecture et présente ses prestations sur sa page agence Payload CMS.

Pourquoi combiner Next.js et Payload CMS ?

L’association de ces deux outils permet de séparer la gestion éditoriale et la couche de présentation.

Elle peut être adaptée à des sites professionnels nécessitant une interface personnalisée, des contenus structurés et des fonctionnalités spécifiques.

Cette séparation facilite certains choix de développement, mais elle demande également une organisation technique adaptée.

Les performances doivent être vérifiées sur le site livré, en conditions de production.

Comment interpréter les résultats PageSpeed présentés par ID Interactive ?

Les captures illustrant les performances de réalisations de l’agence peuvent montrer les résultats obtenus lors de tests précis.

Ces résultats sont utiles pour comprendre les possibilités d’optimisation d’un projet.

Ils doivent néanmoins être accompagnés des informations nécessaires à leur interprétation :

  • L’URL effectivement testée.
  • La date de la mesure.
  • Le résultat mobile ou ordinateur.
  • La version et les conditions du test, lorsqu’elles sont disponibles.
  • La distinction entre données de laboratoire et données réelles.

Un score ponctuel ne doit pas être présenté comme une garantie de performance permanente pour l’ensemble d’un site.

GooglePageSpeed-ateliers1Test de performance du site Les-Ateliers-Jehanno.fr sur Google PageSpeed Insights (version desktop à gauche et version mobile à droite)

Comment intégrer la performance dès la création d’un site ?

Il est généralement préférable de prendre en compte les performances dès la conception plutôt que de multiplier les corrections après la mise en ligne.

Cette démarche commence par la définition du besoin.

Un site vitrine, un catalogue e-commerce ou une application métier n’exigent pas les mêmes fonctionnalités ni les mêmes contraintes techniques.

Définir les besoins avant de choisir les outils

Le cahier des charges peut préciser :

  • Les publics et appareils visés.
  • Les fonctionnalités essentielles.
  • Les contenus et médias nécessaires.
  • Les intégrations avec des services tiers.
  • Les objectifs de performance.
  • Les contraintes d’accessibilité.
  • Les besoins de maintenance et d’évolution.

Cette analyse permet de choisir une architecture proportionnée à l’usage.

Définir des objectifs mesurables

Plutôt que de contractualiser uniquement un score Lighthouse de 100, il peut être plus utile de définir des objectifs relatifs aux Core Web Vitals, à la réactivité des fonctionnalités et aux pages prioritaires.

Il faut également préciser la méthode et les conditions de mesure.

La performance doit être suivie après la mise en production, puisque les usages et les contenus du site évoluent.

Associer performance, ergonomie et contenu

Un site techniquement rapide peut rester difficile à utiliser.

La clarté des menus, la qualité des informations et la facilité des formulaires sont également essentielles.

L’objectif est de concevoir un service qui répond correctement aux besoins de ses utilisateurs.

ID Interactive intègre cette démarche à ses prestations de création de sites Internet, avec une architecture et des fonctionnalités adaptées au projet.

Comment ID Interactive accompagne l’optimisation des performances web

ID Interactive est une agence digitale installée près de Vannes (Morbihan) depuis 2006.

L’agence accompagne les entreprises dans la création de sites et d’applications web sur mesure, en associant conception, développement et optimisation technique.

Une démarche d’amélioration des performances peut comprendre :

1. Le diagnostic initial. Identifier les pages importantes et examiner les données PageSpeed Insights, Lighthouse et Core Web Vitals.

2. L’analyse des causes. Rechercher les ressources, scripts, traitements ou configurations responsables des ralentissements.

3. La priorisation. Sélectionner les corrections selon leur impact attendu et les besoins du site.

4. La mise en œuvre. Optimiser le chargement des médias, le code, les caches ou l’architecture lorsque cela est nécessaire.

5. La recette. Vérifier que les évolutions préservent les fonctionnalités, l’accessibilité et les contenus.

6. Le suivi. Contrôler les performances réelles après publication et lors des évolutions du site.

L’objectif n’est pas uniquement d’améliorer un indicateur technique, mais de proposer une expérience fiable, rapide et adaptée aux utilisateurs.

Pour étudier un projet de création ou de refonte, vous pouvez demander un devis à ID Interactive.

Faut-il viser absolument 100 sur Google PageSpeed Insights ?

Un score de 100 sur PageSpeed Insights est un résultat technique intéressant, mais il ne doit pas devenir une fin en soi.

Un score de 90 ou davantage est déjà considéré comme bon par Lighthouse.

La priorité consiste à vérifier que les Core Web Vitals sont satisfaisants pour les utilisateurs réels et que les fonctionnalités du site restent agréables à utiliser.

Les optimisations doivent être appréciées au regard de leur impact concret : chargement des contenus, réactivité, stabilité, qualité des parcours et maintien des services.

Enfin, le score PageSpeed ne remplace pas un audit SEO, un test d’accessibilité complet ou une analyse environnementale.

Un site performant est avant tout un site qui répond rapidement et correctement aux besoins de ses utilisateurs, dans des conditions réelles de navigation.

Sources officielles

Article publié initialement le 6 juillet 2023.

Foire aux questions

Oui, c’est un outil gratuit de Google qui analyse les performances d’une page à partir de son URL, sur mobile et sur ordinateur. Il combine des tests de laboratoire Lighthouse et, lorsque le volume est suffisant, des mesures d’utilisateurs réels de Chrome. Il ne remplace ni un audit de performance complet ni des tests utilisateurs.

L’INP (Interaction to Next Paint) mesure la réactivité de la page en prenant en compte le délai entre une interaction et la mise à jour visuelle correspondante. Il a remplacé le FID (First Input Delay) parmi les Core Web Vitals en mars 2024. Un INP de 200 millisecondes ou moins est considéré comme bon.

Non. Le TBT (Total Blocking Time) affiché par Lighthouse est un indicateur de laboratoire utile pour diagnostiquer le blocage du thread principal, mais il ne constitue pas une mesure directe de l’INP réel de toutes les interactions. L’INP fait partie des Core Web Vitals, évalués sur les expériences réelles des utilisateurs.

Non. Les images situées sous la ligne de flottaison peuvent être chargées de manière différée lorsque c’est pertinent. L’image principale responsable du LCP doit en revanche éviter ce chargement différé : elle doit généralement être identifiée et chargée suffisamment tôt.

Le score Lighthouse peut changer immédiatement : il est recommandé de relancer plusieurs tests de laboratoire dans des conditions comparables. Les données d’utilisateurs réels (CrUX) portent en revanche sur une période glissante de 28 jours : l’effet d’une modification y apparaît progressivement.