performance-web

PageSpeed Insights : comprendre son score et l'améliorer sur WordPress

8 min de lecture
PageSpeed Insights : comprendre son score et l'améliorer sur WordPress

La requête « pagespeed o2switch » traduit une inquiétude très répandue : le score affiché par l’outil de Google dépend il de l’hébergeur, et changer de serveur suffirait il à le faire grimper ? La réponse tient en une nuance que la plupart des tutoriels escamotent. L’hébergement pèse sur une partie précise et mesurable du chargement, mais cette partie représente rarement la majorité du problème sur un site WordPress ordinaire. Avant de déménager un site, encore faut il savoir ce que l’outil observe réellement, comment son chiffre unique est fabriqué, et quels leviers agissent effectivement sur l’expérience des visiteurs. Un score n’a de valeur que rapporté à ce qu’il représente, et il représente moins que ce que son apparence laisse croire.

Ce que PageSpeed Insights mesure réellement

Écran d’analyse de performance web affichant des indicateurs de chargement de page

L’outil restitue deux jeux de données distincts, et les confondre conduit à des décisions absurdes.

Le premier jeu correspond aux données de terrain, collectées auprès de visiteurs réels et agrégées sur une fenêtre glissante de vingt huit jours. Ces mesures reflètent la diversité du monde réel : téléphones anciens, connexions mobiles instables, navigateurs variés, pages consultées à froid ou depuis un cache. Elles ne sont disponibles que si la page reçoit un volume de visites suffisant, ce qui explique leur absence sur les sites récents ou confidentiels.

Le second jeu correspond aux données de laboratoire, produites par une simulation exécutée à la demande sur une machine standardisée, avec une bande passante et une puissance de calcul volontairement bridées. Cette simulation est reproductible, immédiate, disponible sur n’importe quelle page, ce qui en fait un excellent outil de diagnostic. Elle ne dit rien de ce que vivent les visiteurs.

La conséquence pratique compte : les recommandations affichées par l’outil proviennent du laboratoire, alors que l’évaluation qui intéresse les moteurs de recherche provient du terrain. Un site peut afficher un laboratoire médiocre et un terrain excellent, parce que ses visiteurs disposent d’un matériel confortable. L’inverse existe aussi, et il est plus douloureux.

Une lecture rigoureuse commence donc par une question de méthode : sur quelle population porte le chiffre observé. Le bloc de terrain, quand il existe, propose souvent deux vues, celle de la page consultée et celle de l’ensemble du domaine. La seconde lisse les particularités d’une page et donne une image plus fidèle de la santé générale du site, tandis que la première sert à traquer une régression localisée.

Les indicateurs eux mêmes méritent d’être connus dans le détail, sujet traité dans notre article consacré aux trois indicateurs Core Web Vitals et à leurs seuils.

Pourquoi le score global n’est pas un objectif

Le chiffre affiché en gros, de zéro à cent, est une moyenne pondérée de plusieurs métriques de laboratoire. Chacune pèse un poids différent dans le calcul, et cette pondération évolue au fil des versions de l’outil. Un site dont le score change sans qu’aucune ligne n’ait bougé n’a pas régressé : la règle du jeu a changé.

Trois raisons interdisent d’en faire une cible.

La pondération concentre l’essentiel du poids sur deux ou trois métriques, ce qui rend le score très sensible à un seul détail, l’image de titre par exemple, et presque insensible à des dizaines d’autres. Optimiser le chiffre pousse alors à traiter le détail qui compte pour l’outil plutôt que celui qui compte pour le visiteur.

La mesure porte sur une page unique, à un instant donné, depuis un lieu donné. Deux exécutions consécutives sur la même adresse rendent souvent des résultats écartés de plusieurs points. Bâtir une décision sur un écart de cinq points revient à interpréter du bruit.

Le score ignore enfin tout ce qui n’est pas technique. Une page rapide mais illisible, une navigation confuse, un formulaire hostile ne coûtent rien au score et coûtent des visiteurs. La performance est un moyen, la qualité perçue reste la finalité.

L’usage correct de l’outil consiste donc à lire la liste des diagnostics, à identifier les postes qui pèsent en octets et en millisecondes, puis à corriger par ordre de gravité, sans jamais viser un nombre rond.

Les leviers réels sur un site WordPress

Sur une installation WordPress classique, les gains se concentrent sur un petit nombre de postes, presque toujours les mêmes.

LevierEffet attenduDifficulté
Images redimensionnées et convertiesTrès fort sur le poids totalFaible
Chargement différé hors écranFort sur l’affichage initialFaible
Mise en cache des pagesTrès fort sur le temps serveurMoyenne
Réduction des scripts et stylesMoyen à fort selon le thèmeMoyenne
Chargement local des policesMoyen, supprime des connexionsMoyenne
Nettoyage des extensions inutilesFort et durableMoyenne
Entretien de la base de donnéesFaible à moyen, cumulatifFaible

Les images arrivent en tête dans la quasi totalité des audits. Une photographie versée telle quelle depuis un appareil pèse plusieurs mégaoctets et s’affiche dans un cadre de quelques centaines de pixels. Redimensionner à la dimension d’affichage réelle, convertir vers un format moderne, définir des tailles adaptées à chaque type d’écran divise souvent le poids d’une page par cinq. Renseigner les dimensions dans le code évite en prime les sauts de mise en page.

Le chargement différé des éléments situés hors de l’écran initial est natif dans WordPress depuis plusieurs versions. Une précaution s’impose pourtant : l’image principale visible dès l’ouverture ne doit jamais être différée, sous peine de dégrader précisément l’indicateur que l’on cherche à améliorer.

La mise en cache change de nature le fonctionnement du site. Sans cache, chaque visite déclenche l’exécution du code et des requêtes vers la base de données. Avec un cache de pages, la première visite produit un fichier statique que les suivantes reçoivent directement. Le gain sur le temps de réponse serveur est le plus spectaculaire de toute la liste, et il ne coûte rien en qualité.

Les polices de caractères méritent leur ligne. Chaque famille appelée depuis un service extérieur ajoute une résolution de nom, une connexion et un téléchargement avant que le texte ne s’affiche dans sa forme définitive. Héberger les fichiers sur son propre serveur, limiter le nombre de graisses réellement utilisées et prévoir une police de repli cohérente supprime ces allers retours, et améliore au passage la maîtrise des données transmises à des tiers.

Le thème joue un rôle que peu de propriétaires soupçonnent. Un thème polyvalent, vendu avec des dizaines de modèles de démonstration, embarque un constructeur de pages, une bibliothèque d’icônes complète, plusieurs moteurs d’animation et des feuilles de style couvrant des composants jamais utilisés. Le coût de cette polyvalence se paie à chaque affichage, sur chaque appareil, pendant toute la vie du site. Le choix du thème est souvent la décision de performance la plus lourde d’un projet, et la plus difficile à corriger ensuite.

Les extensions constituent le poste le plus insidieux. Chacune ajoute du code, des requêtes, parfois des scripts chargés sur toutes les pages alors qu’une seule les utilise. Un inventaire honnête, extension par extension, avec désactivation temporaire et mesure, révèle des gains inespérés. Les extensions de sécurité entrent dans ce calcul, sujet abordé dans notre analyse des réglages et alternatives d’une extension de sécurité.

pagespeed o2switch : la part réelle de l’hébergeur

Décomposition du temps de chargement entre traitement serveur et rendu navigateur

L’hébergement agit sur un segment précis : le temps écoulé entre la requête du navigateur et l’arrivée du premier octet de réponse. Ce segment dépend de la puissance de calcul allouée, de la version du langage exécutée, de la rapidité de la base de données, du stockage, et de la distance géographique entre le serveur et le visiteur.

Sur un site WordPress mal optimisé, ce segment représente couramment une fraction modeste du temps total perçu, le reste se jouant dans le navigateur : téléchargement des ressources, exécution des scripts, calcul de la mise en page, chargement des polices. Migrer un tel site vers un serveur plus puissant améliore la fraction serveur et laisse le reste intact, d’où la déception fréquente après un déménagement.

L’ordre des opérations découle logiquement de ce constat. Mettre en place un cache de pages, alléger les images, supprimer le code inutile, puis mesurer à nouveau. Si le temps de réponse serveur reste élevé alors que le site est mis en cache et allégé, la piste de l’hébergement devient sérieuse, et les critères de choix d’une offre sont détaillés dans notre décryptage de l’hébergement mutualisé et de ses limites.

Une version de PHP récente mérite une mention particulière. Les écarts de rapidité entre versions successives du langage sont réels et gratuits : basculer une installation vers une version maintenue, après un test de compatibilité, apporte souvent plus qu’un changement de prestataire.

Mesurer avant et après, sans se raconter d’histoires

Une optimisation non mesurée est une croyance. La méthode tient en cinq règles simples et se répète à l’identique à chaque intervention.

Choisir d’abord un jeu de pages représentatif, jamais la seule page d’accueil : une page de contenu long, une page de catégorie, une page de formulaire. Relever ensuite l’état initial sur ces pages, en notant les métriques détaillées plutôt que le score global, ainsi que le poids total et le nombre de requêtes.

Appliquer alors une seule modification à la fois. Cumuler cinq changements avant de mesurer rend impossible d’attribuer le gain, et surtout d’identifier celui qui a cassé l’affichage. Répéter enfin chaque mesure trois fois et retenir la valeur médiane, ce qui neutralise l’essentiel de la variabilité.

Attendre, pour finir, avant de juger sur les données de terrain. Leur fenêtre de vingt huit jours signifie qu’une correction déployée aujourd’hui ne se reflétera complètement qu’un mois plus tard. Beaucoup d’équipes annulent une bonne optimisation trois jours après l’avoir déployée, faute d’avoir compris ce délai.

Un site rapide se reconnaît à autre chose qu’à un chiffre : les pages s’affichent sans à coup, les boutons répondent immédiatement, rien ne bouge sous le doigt. Quand ces trois sensations sont acquises, le score suit presque toujours de lui même.