Guide offert par Develly

Améliore ta note Google PageSpeed sans être développeur : le guide complet

Tu as lancé ton site sur Google PageSpeed Insights et tu as un score dans le rouge. Le rapport affiche des sigles (LCP, INP, CLS, TTFB) et une liste de recommandations techniques qui ressemblent à du chinois.

Ce guide te explique ce que chaque critère mesure vraiment, ce que tu peux corriger seul, et dans quel ordre commencer pour avoir l'impact le plus rapide.

Pas de code requis. Pas de jargon inutile. Juste les actions concrètes.

Conseil
Develly
Develly
Expert en création de site
"
Selon les données Chrome, 53 % des visites mobiles sont abandonnées si une page met plus de 3 secondes à charger. Google utilise ces données réelles pour classer ton site. Un mauvais score PageSpeed n'est pas qu'un problème technique : c'est un problème de chiffre d'affaires.
"

Tu veux qu'on regarde ton score ensemble ?

On s'appelle 15 minutes, on analyse ton rapport PageSpeed et on t'indique les 3 corrections les plus impactantes.

Réserver un appel gratuit

Pas de pitch. Pas d'engagement.

Avant de commencer : comment lire le rapport

Ouvre pagespeed.web.dev, entre ton URL et analyse le rapport. Tu verras trois zones distinctes :

1

Le score global (0–100)

Rouge (0–49), orange (50–89), vert (90–100). Ce score est une synthèse des 5 critères présentés dans ce guide. Il varie selon les conditions réseau et le type d'appareil : toujours tester sur mobile et desktop séparément.

2

Opportunités

Corrections avec un gain estimé en secondes. Ce sont tes priorités. Commence par les opportunités qui promettent le plus grand gain.

3

Diagnostics

Informations complémentaires sans gain estimé. Moins urgent que les opportunités : à traiter ensuite.

1
Critère 1

LCP : Largest Contentful Paint

Le LCP mesure le temps nécessaire pour afficher le plus grand élément visible de ta page : généralement ton image de hero, ton titre principal ou ta vidéo d'introduction.

C'est le critère le plus important pour l'expérience utilisateur. Un LCP élevé = ton visiteur attend en regardant une page blanche. Il part avant d'avoir vu quoi que ce soit.

Seuils Google

ScoreValeur LCPCe que ça signifie
Bon< 2,5 secondesChargement perçu comme rapide
À améliorer2,5 – 4 secondesVisible mais frustrant sur mobile
Mauvais> 4 secondesTaux d'abandon très élevé

Causes fréquentes

Image de hero non compressée ou en format JPG/PNG au lieu de WebP
Image de hero chargée en lazy loading (erreur : l'image principale doit charger en priorité)
Hébergement trop lent qui ralentit la réponse serveur
Polices web non préchargées qui bloquent l'affichage du titre

Ce que tu peux corriger sans développeur

Compresse et convertis en WebP l'image principale de ta page d'accueil
Vérifie que ton image de hero n'a pas l'attribut loading="lazy" : elle doit charger immédiatement
Évite les carrousels d'images animés en haut de page : ils retardent systématiquement le LCP
Teste sur mobile via PageSpeed : le LCP mobile est souvent 2 à 3 fois plus élevé que desktop

Outils gratuits

Google PageSpeed Insightspagespeed.web.dev : identifie l'élément LCP exact et ce qui le retarde

Squooshsquoosh.app : compression et conversion WebP de l'image hero

WebPageTestwebpagetest.org : filmstrip du chargement pour voir exactement quand l'élément LCP apparaît

Conseil
Develly
Develly
Expert en création de site
"
Mettre l'image hero en lazy loading "pour économiser de la bande passante". C'est l'erreur inverse : l'image principale doit être prioritaire, pas différée. Sur Wordpress, certains plugins de performance activent le lazy loading sur toutes les images par défaut : vérifie ce paramètre.
"

Check rapide

1. Lance ton URL sur PageSpeed Insights. Quelle est ta valeur LCP ? Quel élément est identifié comme LCP ?

2. Est-ce que cet élément est une image ? Si oui, quel est son poids et son format ?

2
Critère 2

INP : Interaction to Next Paint

L'INP mesure la réactivité de ta page à une action de l'utilisateur : clic sur un bouton, frappe dans un champ, ouverture d'un menu. Il mesure le délai entre l'action et la réponse visuelle.

Un INP élevé donne l'impression que le site est “figé” ou “lent à répondre”. Il a remplacé le FID (First Input Delay) en 2024 et est désormais un signal de classement Google à part entière.

Seuils Google

ScoreValeur INPCe que ça signifie
Bon< 200 msRéactivité immédiate, imperceptible
À améliorer200 – 500 msLégère latence ressentie
Mauvais> 500 msSite perçu comme lent ou buggé

Causes fréquentes

Scripts tiers (chat, analytics, pixels) qui monopolisent le thread principal
JavaScript exécuté de façon synchrone au chargement
Animations lourdes ou effets CSS coûteux déclenchés au clic
Trop de plugins sur WordPress qui s'exécutent en même temps

Ce que tu peux corriger sans développeur

Supprime les widgets et chatbots que tu n'utilises plus (chaque script tiers impacte l'INP)
Charge Google Analytics en mode async ou via Google Tag Manager correctement configuré
Désactive les plugins WordPress inactifs : ils chargent des scripts même sans être utilisés
Évite les animations déclenchées sur chaque scroll ou interaction si ton site est déjà lent

Outils gratuits

Google PageSpeed Insightspagespeed.web.dev : affiche la valeur INP mesurée sur de vrais utilisateurs Chrome (données CrUX)

Chrome DevTools : onglet Performance → enregistre une interaction pour voir quel script prend du temps

Tag Inspectortaginspector.com : liste tous les scripts tiers qui se chargent sur ta page

Conseil
Develly
Develly
Expert en création de site
"
L'INP est souvent meilleur en test de laboratoire qu'en conditions réelles. PageSpeed affiche deux valeurs : les données de terrain (vrais utilisateurs Chrome sur ton site) et les données de lab (simulation). Priorité aux données de terrain : elles reflètent ce que vivent tes visiteurs.
"

Check rapide

1. Combien de scripts tiers se chargent sur ta page d'accueil ? (vérifie via l'onglet Network dans DevTools)

2. As-tu un chat en ligne, un pixel Facebook, ou un widget de réservation actif sur ton site ?

+120 sites analysés · Résultats visibles dès le premier mois

Tu veux qu'on identifie ce qui plombe ton score ?

Un appel de 15 minutes. On analyse ton rapport PageSpeed ensemble, on priorise les corrections selon ton CMS et ton budget.

3
Critère 3

CLS : Cumulative Layout Shift

Le CLS mesure les décalages visuels inattendus pendant le chargement. Tu as sûrement vécu ça : tu t'apprêtes à cliquer sur un bouton, la page bouge, et tu cliques ailleurs. C'est un CLS élevé.

Un CLS élevé dégrade fortement l'expérience sur mobile et est pénalisé par Google dans ses critères Core Web Vitals. Il est souvent lié aux publicités, aux polices web, ou aux images sans dimensions déclarées.

Seuils Google

ScoreValeur CLSCe que ça signifie
Bon< 0,1Mise en page stable, aucun décalage perceptible
À améliorer0,1 – 0,25Décalages occasionnels gênants
Mauvais> 0,25Mise en page instable, clics accidentels fréquents
Conseil
Develly
Develly
Expert en création de site
"
Le CLS est souvent invisible quand tu testes ton propre site. Pourquoi ? Parce que tes ressources sont déjà en cache dans ton navigateur. Les éléments qui causent des décalages (polices, publicités, embeds) se chargent trop vite pour décaler quelque chose. Teste toujours en navigation privée ou via les données de terrain de PageSpeed.
"

Causes fréquentes

Images sans attributs width et height définis dans le HTML
Polices web (Google Fonts) qui remplacent la police système après chargement
Publicités ou iframes dont la taille n'est pas réservée à l'avance
Bannières de cookies qui poussent le contenu vers le bas au chargement
Éléments injectés dynamiquement en haut de page (popups, barres promo)

Ce que tu peux corriger sans développeur

Toujours définir les dimensions (width/height) de tes images avant de les uploader dans ton CMS
Utilise font-display: swap pour tes polices web : évite le FOIT (texte invisible pendant le chargement)
Réserve un espace fixe pour ta bannière cookies et tes publicités dans ton layout
Évite les éléments qui apparaissent au-dessus du contenu existant après chargement

Outils gratuits

Google PageSpeed Insightspagespeed.web.dev : affiche les éléments responsables du CLS avec capture d'écran

Chrome DevTools : onglet Performance → activer "Layout Shift Regions" pour visualiser les décalages en rouge

Check rapide

1. Ouvre ton site en navigation privée sur mobile. Est-ce que la page bouge pendant le chargement ?

2. Est-ce que tes images ont toutes des dimensions définies dans ton CMS ou ton éditeur de page ?

4
Critère 4

TTFB : Time to First Byte

Le TTFB mesure le temps entre la requête de ton visiteur et le premier octet de réponse de ton serveur. C'est la vitesse de base de ton hébergement.

Un TTFB élevé est souvent le signe d'un hébergeur trop lent ou d'une base de données non optimisée. Peu importe ce que tu fais ensuite, si le serveur met 2 secondes à répondre, ta page ne peut pas être rapide.

Seuils Google

ScoreValeur TTFBCe que ça signifie
Bon< 800 msServeur réactif, bonne base de départ
À améliorer800 ms – 1,8 sRalentissement notable, à investiguer
Mauvais> 1,8 sHébergement insuffisant ou config serveur à revoir

Causes fréquentes

Hébergement mutualisé bas de gamme (moins de 5€/mois) : ressources partagées avec des centaines d'autres sites
Pas de système de cache activé sur WordPress (chaque visite régénère la page depuis la base de données)
Serveur localisé loin de tes visiteurs (ex : serveur américain pour un site français)
Trop de plugins WordPress qui font des requêtes SQL à chaque chargement

Ce que tu peux corriger sans développeur

Active un plugin de cache sur WordPress (WP Rocket, W3 Total Cache, ou LiteSpeed Cache selon ton hébergeur)
Vérifie la localisation de tes serveurs : ils doivent être en Europe pour un site français
Envisage un hébergement managé si ton TTFB dépasse 1,5s malgré le cache (Kinsta, WP Engine, Cloudways)
Active un CDN pour servir les ressources statiques depuis le serveur le plus proche de chaque visiteur

Outils gratuits

Google PageSpeed Insightspagespeed.web.dev : affiche le TTFB dans la section Server Response Time

GTmetrixgtmetrix.com : test depuis différentes localisations pour isoler un problème géographique

Pingdomtools.pingdom.com : monitoring et test de vitesse depuis plusieurs pays

Conseil
Develly
Develly
Expert en création de site
"
Un hébergement à 2€/mois partage les ressources serveur avec parfois plus de 1 000 autres sites. Quand un de ces sites a un pic de trafic, le tien ralentit aussi. C'est souvent la principale cause d'un TTFB élevé que les optimisations front-end ne peuvent pas corriger.
"

Check rapide

1. Quel est ton hébergeur actuel et sur quel offre es-tu ? Compare avec les valeurs de référence de ton hébergeur.

2. As-tu un plugin de cache actif sur ton WordPress ? Est-il correctement configuré ?

5
Critère 5

Le score global et comment progresser

Le score global (0–100) est une moyenne pondérée des métriques. Il reflète l'expérience globale perçue par l'utilisateur sur une connexion simulée. Un score de 90+ est l'objectif, mais améliorer de 50 à 75 a souvent plus d'impact SEO réel qu'aller de 90 à 100.

Le score varie d'une mesure à l'autre de ±5 points en raison des conditions réseau simulées. Ne mesure pas une seule fois : fais 3 tests consécutifs et note la moyenne.

Répartition du score

MétriquePoids dans le scorePriorité
LCP (Largest Contentful Paint)25%Très haute
INP (Interaction to Next Paint)30%Très haute
CLS (Cumulative Layout Shift)25%Haute
FCP (First Contentful Paint)10%Moyenne
TBT (Total Blocking Time)10%Moyenne

Méthode pour progresser

Note ton score de départ (mobile ET desktop) avant de commencer les corrections
Traite les opportunités dans l'ordre du gain estimé (toujours en haut du rapport)
Re-teste après chaque correction : un seul changement peut faire gagner 10 à 20 points
Compare mobile vs desktop : mobile est toujours plus difficile et plus important pour Google
Vise 75+ sur mobile avant de t'inquiéter du score desktop
Conseil
Develly
Develly
Expert en création de site
"
Beaucoup de propriétaires de site testent leur URL une fois, voient un mauvais score, panique, font des modifications au hasard et retestent. Mesure d'abord, corrige ensuite. Un bon diagnostic vaut mieux que dix corrections aveugles. Le rapport PageSpeed te dit exactement quoi faire : suis-le dans l'ordre.
"

Check rapide

1. As-tu noté ton score mobile ET desktop avant de commencer ce guide ?

2. As-tu identifié les 3 opportunités les plus impactantes dans ton rapport PageSpeed ?

Ce que ce guide ne peut pas faire

Certains problèmes de performance nécessitent une intervention technique que ce guide ne couvre pas :

Refactorisation du code JavaScript pour réduire le TBT (Total Blocking Time)

Mise en place d'un rendu côté serveur (SSR) ou statique (SSG) pour du contenu dynamique

Optimisation des requêtes SQL et de la structure de base de données

Configuration avancée d'un CDN avec règles de cache personnalisées

Lazy loading intelligent avec intersection observer sur des sites très chargés

Si ton score plafonne malgré les corrections de ce guide, c'est probablement qu'un de ces points bloque tes progrès. C'est là qu'un audit technique personnalisé a le plus de valeur.

Le plan d'action en 4 étapes

1

Étape 1

Ouvre PageSpeed Insights, analyse ta page d'accueil en mobile ET desktop, note les scores et les 3 premières opportunités

2

Étape 2

Corrige les images en premier : compresse, convertis en WebP, redimensionne. C'est le gain le plus rapide dans 80% des cas

3

Étape 3

Vérifie ton TTFB et active un cache si tu es sur WordPress. Si le TTFB dépasse 1,5s, envisage un meilleur hébergement

4

Étape 4

Re-teste et compare avec ton score de départ. Note ce qui a changé et identifie le prochain levier

La plupart des sites passent de 40 à 75+ en mobile avec uniquement les étapes 1 et 2. Si tu bloques sur un critère spécifique ou que ton score ne bouge pas, on peut regarder ensemble ce qui coince.

Tu veux qu'on analyse ton rapport PageSpeed ensemble ?

On s'appelle 15 minutes. On regarde ton score, on identifie les 3 corrections les plus impactantes pour ton site spécifiquement.

Audit offert, sans engagementPlan d'action priorisé selon ton CMS et ton hébergementRésultats visibles dès les premières corrections
Prendre un appel gratuit

Pas de pitch. Pas d'engagement.