La vitesse avec PageSpeed Insights, expliquée simplement

PageSpeed Insights est un outil gratuit de Google qui mesure la vitesse et la qualité d'une page. Tu colles l'adresse de ton site, tu cliques sur « Analyser », et tu obtiens un rapport plein de couleurs, de chiffres et de termes anglais. Cette leçon t'apprend à le lire en cinq minutes et à en tirer ce qui compte vraiment.

Lancer l'analyse

Va sur pagespeed.web.dev.
Colle l'adresse complète de ta page d'accueil, avec https://.
Clique sur « Analyser » et patiente quelques secondes.
Le rapport a deux onglets : Mobile et Ordinateur. Commence toujours par Mobile : c'est le plus exigeant, et c'est celui de la majorité de tes visiteurs.

Fais une capture d'écran du haut du rapport et colle-la dans ton document d'audit, avec la date.

Les deux parties du rapport

En haut : les données des vrais visiteurs

Si ton site reçoit assez de visites, Google affiche des mesures collectées auprès de vrais utilisateurs du navigateur Chrome, sur les dernières semaines. C'est la partie la plus fiable, parce qu'elle reflète l'expérience réelle.

Pour un petit site, cette partie est souvent vide, avec un message indiquant qu'il n'y a pas assez de données. Ce n'est pas un problème : c'est simplement que ton site n'a pas encore assez de trafic pour que Google publie des moyennes.

En dessous : le test en laboratoire

C'est une simulation : Google charge ta page sur un téléphone virtuel avec une connexion moyenne, et mesure. Elle donne les fameux scores sur 100.

Les quatre scores

Score	Ce qu'il mesure	Ce qui compte pour toi
Performance	La vitesse d'affichage	Le plus important pour tes clients sur téléphone
Accessibilité	La facilité d'usage pour tous, y compris les personnes malvoyantes	Contrastes, tailles de texte, textes alternatifs des images
Bonnes pratiques	La qualité technique générale	Surtout le HTTPS et les erreurs visibles
SEO	Les bases techniques du référencement	Titre, description, page lisible par Google

Les couleurs : vert de 90 à 100 (bien), orange de 50 à 89 (à améliorer), rouge de 0 à 49 (mauvais).

Comment lire ton score de performance

Le score varie d'une analyse à l'autre, parfois de plusieurs points, sans que tu aies rien changé. Lance l'analyse trois fois et retiens la tendance, pas un chiffre isolé.
Un score parfait n'est pas l'objectif. Un petit site vitrine en orange haut qui s'affiche vite sur ton téléphone en 4G est en bonne santé. Ce qui compte, c'est que tes clients n'attendent pas.
Le rouge mérite une action. Il signale presque toujours un problème concret, souvent les images.

Les trois mesures clés, traduites

Dans le rapport, trois mesures forment ce que Google appelle les Core Web Vitals (signaux web essentiels). Voici ce qu'elles veulent dire, avec les seuils que Google considère comme bons.

Mesure	En clair	Bon si
LCP (Largest Contentful Paint)	Le temps pour afficher le plus gros élément visible, souvent la grande photo du haut	2,5 secondes ou moins
INP (Interaction to Next Paint)	La réactivité quand on touche un bouton	200 millisecondes ou moins
CLS (Cumulative Layout Shift)	La stabilité : est-ce que le contenu saute pendant le chargement ?	0,1 ou moins

L'INP n'apparaît qu'avec les données des vrais visiteurs : en laboratoire, personne ne touche ta page. Pour un site vitrine simple, le LCP est souvent la mesure à surveiller en priorité.

Les recommandations : lesquelles écouter

En bas du rapport, PageSpeed liste des pistes d'amélioration, souvent en anglais technique. Pour un petit site, trois reviennent souvent et sont à ta portée :

Images trop lourdes ou mal dimensionnées (« Properly size images », « Serve images in next-gen formats », ou leur traduction). La solution : alléger tes photos avant de les mettre en ligne. Un outil gratuit comme Squoosh le fait dans ton navigateur. Une photo de téléphone de plusieurs mégaoctets peut souvent descendre bien en dessous sans perte visible.
Contrastes insuffisants (dans Accessibilité). Un texte gris clair sur fond blanc se lit mal au soleil. Fonce le texte ou éclaircis le fond.
Images sans texte alternatif (dans Accessibilité). Ajoute une description à chaque image importante.

Les autres recommandations (JavaScript inutilisé, rendu bloquant, cache) concernent le code. Si ton site est fait avec un outil tout fait, elles relèvent de l'outil, pas de toi. Si tu as un prestataire, transmets-lui la capture du rapport.

Avant / après : la boulangerie Moreau

	Avant	Après
Photo d'accueil	Photo du téléphone envoyée telle quelle	Même photo, allégée et redimensionnée
Score Performance mobile	Rouge	Orange haut
LCP	Nettement au-dessus de 2,5 s	Proche du seuil
Ressenti en 4G	La grande photo arrivait en dernier	La page s'affiche d'un coup

Seule l'image a changé. C'est souvent le cas sur les petits sites.

À toi de jouer

Analyse ta page d'accueil trois fois sur l'onglet Mobile et note les quatre scores, avec la date.
Note la valeur du LCP et regarde si elle passe le seuil de 2,5 secondes.
Liste dans ton document d'audit les recommandations qui parlent d'images, de contraste ou de texte alternatif. Ce seront tes candidates pour la leçon sur les priorités.