Un score de 88 sur PageSpeed, c'est correct, mais ce n'est pas ce qu'on vise quand on vend des landing pages rapides. J'ai donc repris mon propre site pour comprendre où partaient les points manquants. Voici ce qui a réellement compté dans cette optimisation performance site web, du diagnostic aux corrections.
Commencer par lire le rapport, pas par coder
La tentation est de tout réécrire. Mauvaise idée. PageSpeed liste des audits classés par impact : il faut attaquer ceux qui bloquent le rendu en premier.
- LCP (Largest Contentful Paint) : l'élément principal met-il trop de temps à s'afficher ?
- CLS (Cumulative Layout Shift) : la page bouge-t-elle pendant le chargement ?
- TBT (Total Blocking Time) : le JavaScript bloque-t-il le thread principal ?
Dans mon cas, le LCP était le vrai frein, pas le poids total de la page.
Les corrections qui ont fait bouger le score
Images : format et dimensions
J'ai converti les visuels en WebP, servi des tailles adaptées au viewport et ajouté width/height sur chaque image. Résultat : moins de transfert et zéro décalage de mise en page.
Polices : arrêter le blocage
Deux graisses suffisent. Je les ai auto-hébergées, préchargées et passées en font-display: swap. Le texte s'affiche immédiatement, la police se substitue ensuite.
JavaScript : enlever ce qui ne sert pas
Un script d'analytics mal placé peut coûter cher. Je l'ai chargé en defer, supprimé deux librairies utilisées pour une seule fonction, et remplacé le reste par du code natif. Le TBT a chuté.
CSS critique
J'ai extrait le CSS nécessaire au premier écran, inliné dans le <head>, et chargé le reste de façon asynchrone. La page s'affiche avant que la feuille complète n'arrive.
Ce qui n'a rien changé (et qu'on m'a conseillé)
Beaucoup de recommandations circulent sans effet mesurable sur ce type de site :
- Minifier du HTML déjà léger : gain invisible.
- Ajouter un CDN pour un site hébergé en Europe avec une audience européenne : aucun impact sur le score.
- Multiplier les scripts de préchargement : contre-productif, ils se concurrencent.
Chaque correction doit être mesurée. Si le score ne bouge pas, on annule.
Mesurer après chaque changement
Un test PageSpeed ne suffit pas : il varie. Je lance trois mesures en navigation privée, je note la médiane, puis je passe au chantier suivant. C'est lent, mais c'est la seule façon de savoir ce qui a réellement produit les 5 points gagnés.
Passer de 88 à 93 ne demande pas une refonte. Cela demande de traiter les bons audits, un par un, et de vérifier l'effet de chacun. Le reste, c'est du bruit.
