L’info web : de la Google Speed Update aux Core Web Vitals

Février 2019. Six mois après son déploiement, nous faisions le point sur la Google Speed Update, cette mise à jour qui avait fait trembler pas mal de webmasters. Annoncée par Google en janvier 2018 et appliquée en juillet de la même année, elle visait les pages les plus lentes sur mobile… et seulement elles. Les spéculations allaient bon train ; le recul avait calmé les esprits : la vitesse ne devenait pas le juge suprême du classement, mais les sites dont toutes les pages se traînaient pouvaient en pâtir, sur une petite part des requêtes.

Depuis, l’eau a coulé sous la coque. La Speed Update a laissé la place à l’« expérience de page » et à trois indicateurs au nom de code un peu barbare : les Core Web Vitals, ou Signaux Web essentiels en français. Voici ce qui a changé, ce qui n’a pas bougé, et ce que nous faisons, les mains dans le cambouis, sur les sites WordPress de nos clients, à Nantes, à Ancenis et au-delà.

Ce que disait la Speed Update, et ce qu’elle ne disait pas

Le message de Google en 2018 tenait en une phrase : la pertinence d’abord. Une page lente mais qui répond parfaitement à la recherche pouvait rester bien classée. La mise à jour servait surtout à départager, et à sanctionner les cas extrêmes. Google n’a jamais promis la première place au site le plus rapide de la flotte.

Ce qu’elle ne disait pas, en revanche, c’est que vos visiteurs, eux, sont beaucoup moins patients que l’algorithme. Une page qui met du temps à s’afficher sur un téléphone, en 4G, au bord de la Loire, perd des lecteurs avant même d’avoir pu leur dire bonjour. Le classement n’est qu’une moitié de l’histoire : l’autre, c’est le client qui referme l’onglet et va voir le voisin.

Les Core Web Vitals : trois mesures pour un ressenti

Google a voulu mesurer ce que ressent un visiteur, plutôt qu’un simple temps de chargement. D’où trois indicateurs, mesurés sur de vrais utilisateurs de Chrome :

LCP, le moment où l’on voit enfin quelque chose

Le Largest Contentful Paint mesure le temps qu’il faut pour afficher le plus gros élément visible de la page : souvent l’image d’en-tête ou le grand titre. Google le considère comme bon en dessous de 2,5 secondes. C’est l’indicateur qui souffre le plus des images trop lourdes. Sur un site vitrine, l’élément mesuré est souvent la grande photo d’accueil : si elle pèse le poids d’une ancre de marine, tout le reste attend derrière elle.

INP, la page répond-elle quand on la touche ?

L’Interaction to Next Paint mesure le délai entre un geste (un clic, une touche sur un menu) et la réaction visible de la page. Il a remplacé en mars 2024 l’ancien indicateur FID, qui ne mesurait que la première interaction. Le seuil jugé bon est de 200 millisecondes. Un site encombré de scripts répond comme un vieux gréement par vent arrière : avec un temps de retard.

CLS, la page qui bouge toute seule

Le Cumulative Layout Shift mesure les décalages de mise en page pendant le chargement. Vous savez, ce bouton qui glisse vers le bas au moment où vous alliez cliquer, parce qu’une bannière vient de s’afficher au-dessus ? C’est lui. Un bon score est inférieur à 0,1.

La vitesse pèse-t-elle encore dans le classement ?

Oui, mais avec mesure. Les Core Web Vitals font partie des signaux que Google prend en compte, parmi beaucoup d’autres. Google l’écrit lui-même dans sa documentation sur les Signaux Web essentiels : un bon score ne remplace pas un contenu utile. Un site ultra-rapide qui ne dit rien restera à quai.

La vitesse joue donc le rôle d’un vent favorable (pardon : d’un vent portant). Entre deux pages de qualité équivalente, la plus agréable à utiliser a l’avantage. Et quel que soit le classement, une page rapide garde plus de visiteurs, ce qui se traduit en appels et en demandes de devis. C’est ce dernier point qui nous intéresse le plus.

Mesurer avant de bricoler

Avant de toucher à quoi que ce soit, nous mesurons. Deux outils gratuits suffisent pour commencer :

• PageSpeed Insights, qui analyse une page et affiche à la fois les données réelles des visiteurs (quand le site a assez de trafic) et un test en laboratoire ;
• la Search Console, dont le rapport « Signaux Web essentiels » regroupe les pages par problème, sur mobile et sur ordinateur.

Attention à ne pas confondre les deux types de données. Le test en laboratoire simule un téléphone moyen sur une connexion moyenne : c’est un diagnostic, pas un verdict. Les données de terrain, elles, reflètent ce que vivent vos vrais visiteurs. Un site peut afficher une note moyenne en laboratoire et des données de terrain excellentes, ou l’inverse.

Et la fameuse note sur 100 ? Elle rassure ou elle angoisse, mais elle ne se mange pas. Nous la regardons, sans en faire une obsession. Notre cap à nous, ce sont les trois indicateurs au vert sur les pages qui font travailler votre entreprise : l’accueil, les services, le contact.

Les lests qui alourdissent un site WordPress

Sur les sites que nous reprenons, ce sont presque toujours les mêmes poids morts qui freinent le navire.

Les images trop lourdes

Une photo de chantier envoyée telle quelle depuis le téléphone pèse souvent plusieurs mégaoctets, pour être affichée sur quelques centimètres. Nous redimensionnons les images à leur taille d’affichage, nous les convertissons dans des formats modernes comme le WebP, et nous chargeons les images situées plus bas dans la page seulement quand le visiteur s’en approche. L’image d’en-tête, elle, se charge en priorité : c’est elle qui fait le LCP.

Les extensions empilées

Une extension pour le formulaire, une pour les cookies, une pour le référencement, une pour la sécurité, une pour un petit effet au survol… chacune ajoute ses fichiers sur toutes les pages. Graph’in ! développe ses propres extensions WordPress (sécurité, cookies, référencement) : elles font ce qu’on leur demande, et rien d’autre. Moins de code chargé, moins d’abonnements, moins de conflits.

Les scripts tiers

Fenêtre de discussion, vidéo intégrée, carte, pixels publicitaires, widget d’avis : chaque service externe appelle ses propres fichiers, sur lesquels vous n’avez aucune prise. Nous les gardons quand ils servent, nous les chargeons le plus tard possible, et nous retirons ceux que plus personne ne regarde.

Les polices et le thème

Trois familles de polices en cinq graisses chacune, c’est beaucoup de fichiers pour afficher un paragraphe. Une charte graphique bien pensée se contente de peu : deux familles, quelques graisses, et le tour est joué. Quant au thème et au constructeur de pages, ils se règlent : désactiver les modules inutilisés allège chaque page.

L’hébergement

Un serveur lent ralentit tout le reste. Le temps de réponse du serveur est le premier maillon de la chaîne ; s’il traîne, aucune optimisation ne le rattrapera complètement. Un hébergement adapté au trafic et à WordPress, avec une version de PHP à jour, fait partie des fondations.

Vitesse et moteurs de réponse

Les robots des moteurs de recherche et ceux des assistants IA (ChatGPT, Gemini, Perplexity, Claude) lisent vos pages pour en extraire des réponses. Une page légère, dont le texte figure directement dans le code HTML et ne dépend pas d’une cascade de scripts pour apparaître, est plus simple à lire pour n’importe quel robot. Ce que nous faisons pour la vitesse sert donc aussi votre visibilité dans ces nouveaux moteurs, ce que nous appelons le GEO. Nous avons rassemblé les autres règles de navigation dans notre itinéraire des bonnes pratiques SEO.

Ce que vous pouvez faire vous-même, sans toucher au code

Bonne nouvelle : une partie de la vitesse d’un site dépend de gestes simples, que tout le monde peut prendre à bord. Ce sont souvent les ajouts du quotidien, plus que la construction d’origine, qui alourdissent un site au fil des mois.

• Avant d’ajouter une photo, réduisez-la. Une image de quelques centaines de kilo-octets suffit largement pour une actualité ou une réalisation. Les téléphones récents proposent souvent une option d’export en taille réduite.
• Pour une vidéo, passez par YouTube ou Vimeo plutôt que d’envoyer le fichier sur votre site. Le serveur vous dira merci.
• Avant d’installer une nouvelle extension, demandez-vous si elle va vraiment servir, et à qui. Une extension testée « pour voir » puis oubliée continue souvent de charger ses fichiers.
• Faites le ménage dans les pages et les articles de test, les brouillons qui traînent, les galeries de photos jamais publiées.
• Tenez WordPress, le thème et les extensions à jour. Les mises à jour corrigent des failles, et apportent souvent des gains de performance.

Rien de tout cela ne demande de compétences techniques. C’est un peu comme l’entretien du pont : un coup de balai régulier vaut mieux qu’un grand nettoyage tous les cinq ans.

Les fausses bonnes idées

La course au score fait parfois faire des choses étranges. Quelques exemples croisés en cours de route :

Empiler les extensions d’optimisation

Installer deux ou trois outils qui prétendent tous accélérer le site, c’est mettre plusieurs capitaines sur le même navire. Ils se marchent sur les pieds, compressent deux fois les mêmes fichiers, et provoquent des pages blanches. Un réglage propre et unique vaut mieux qu’une collection.

Supprimer les images

Un site sans photos est rapide… et triste. Pour une entreprise qui vend un savoir-faire visible (une enseigne, une cuisine, un chantier de menuiserie), les images sont le contenu. Il faut les alléger, pas les jeter par-dessus bord.

Tout miser sur la note

Certains sites atteignent 100 sur 100 en laboratoire en masquant tout ce qui se charge après coup : le visiteur, lui, voit une page qui se remplit par à-coups. La note est belle, l’expérience ne l’est pas. Nous préférons une page qui s’affiche proprement et qui répond vite, même si le compteur ne fait pas de miracle.

Pour voir à quoi ressemblent des sites pensés dès le départ pour être légers, faites un tour dans nos réalisations.

Notre méthode, le temps d’un quart

Quand un client de Carquefou, de Rezé ou d’Oudon nous confie son site, la vitesse fait partie du cahier des charges dès la maquette : poids des images, nombre de polices, choix des extensions, hébergement. Après la mise en ligne, nous contrôlons les Core Web Vitals dans la Search Console, puis à chaque évolution importante. Un site rapide le jour de sa livraison peut ralentir au fil des ajouts ; un coup d’œil régulier évite de découvrir le problème par un client agacé.

Votre site vous semble lourd à la manœuvre ? Jetez un œil à notre offre web et référencement, ou contactez l’équipage pour un premier diagnostic. Levez l’encre !

Vos questions, nos réponses