Performance web

La performance web est le domaine où l'on optimise le plus souvent la mauvaise mesure. Distinguer les données de laboratoire des données de terrain, et savoir que les seuils s'évaluent au 75e centile des visites réelles, évite l'essentiel des efforts mal placés.

Core Web Vitals #

Ensemble de trois métriques retenues par Google comme signaux d'expérience utilisateur : vitesse d'affichage, réactivité et stabilité visuelle.

Pourquoi

Elles traduisent en chiffres trois irritants concrets : attendre, cliquer sans réaction, voir la page bouger sous le curseur.

Erreur fréquente

Les traiter comme un facteur de classement majeur. Leur poids est réel mais modeste : elles départagent des contenus de pertinence comparable, elles ne compensent pas un contenu faible.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

LCP #

Largest Contentful Paint : délai avant l'affichage du plus grand élément visible de la zone initialement à l'écran. Seuil recommandé : 2,5 secondes.

Pourquoi

C'est la mesure la plus proche du ressenti « la page est apparue ». L'élément concerné est le plus souvent une image de bandeau ou un bloc de titre.

Erreur fréquente

Optimiser le poids total de la page. Seul compte l'élément identifié comme le plus grand : alléger des ressources qui se chargent après ne déplace pas la mesure.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

INP #

Interaction to Next Paint : mesure de la réactivité aux interactions sur toute la durée de la visite. A remplacé le FID en mars 2024. Seuil recommandé : 200 millisecondes.

Pourquoi

Contrairement à son prédécesseur, il observe toutes les interactions et non la seule première, ce qui reflète bien mieux l'expérience réelle.

Erreur fréquente

Le croire équivalent au FID. Beaucoup de sites confortables sur l'ancienne métrique échouent sur la nouvelle, car les blocages surviennent après le chargement initial.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

CLS #

Cumulative Layout Shift : mesure des déplacements inattendus d'éléments pendant le chargement. Seuil recommandé : 0,1.

Pourquoi

Les décalages provoquent des clics involontaires et une perte de repère de lecture. C'est la métrique la plus directement liée à l'irritation ressentie.

Erreur fréquente

Ne pas réserver l'espace des images, publicités et polices. Déclarer les dimensions à l'avance élimine la majorité des décalages.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

TTFB #

Time To First Byte : délai entre la requête et la réception du premier octet de réponse. Ce n'est pas un Core Web Vital, mais il conditionne tous les autres.

Pourquoi

Un temps de réponse serveur élevé décale mécaniquement toutes les mesures suivantes, et pousse Google à réduire son rythme d'exploration.

Erreur fréquente

Optimiser le front-end en laissant un TTFB dégradé. Aucune optimisation d'affichage ne rattrape un serveur qui met une seconde à répondre.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

Données de terrain #

Mesures collectées auprès des utilisateurs réels, agrégées dans le Chrome UX Report. Ce sont elles qui déterminent l'évaluation d'un site.

Pourquoi

Elles reflètent la diversité réelle des appareils, des connexions et des états de cache — ce qu'aucune simulation ne reproduit.

Erreur fréquente

Les ignorer au profit du score de laboratoire, plus flatteur et immédiatement disponible. C'est l'erreur d'interprétation la plus coûteuse du domaine.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

Données de laboratoire #

Mesures obtenues en simulant un chargement dans des conditions fixées : appareil, débit et cache définis à l'avance.

Pourquoi

Leur reproductibilité en fait un excellent outil de diagnostic et de comparaison avant/après une modification.

Erreur fréquente

Les prendre pour l'évaluation officielle. Elles servent à identifier des causes, pas à établir si un site respecte les seuils.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

75e centile #

Valeur en dessous de laquelle se situent 75 % des visites mesurées. C'est le repère utilisé pour évaluer chaque Core Web Vital.

Pourquoi

Il impose de traiter les visites les plus défavorisées : améliorer l'expérience médiane ne suffit pas si le dernier quart reste au-delà du seuil.

Erreur fréquente

Raisonner en moyenne. Une moyenne acceptable masque régulièrement un quart de visites très dégradées, seul groupe déterminant pour l'évaluation.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

Chemin critique de rendu #

Ensemble des ressources qu'un navigateur doit obtenir et traiter avant de pouvoir afficher le premier contenu utile.

Pourquoi

Le raccourcir est le levier le plus efficace sur le LCP : toute ressource bloquante inutile retarde l'ensemble de l'affichage.

Erreur fréquente

Charger polices et feuilles de style depuis des domaines externes. Chaque domaine supplémentaire ajoute résolution DNS et négociation TLS avant le premier octet utile.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

Chargement différé #

Technique reportant le chargement des images ou iframes situées hors de la zone initialement visible, jusqu'à leur approche à l'écran.

Pourquoi

Elle réduit le poids du chargement initial et libère de la bande passante pour les ressources réellement visibles.

Erreur fréquente

L'appliquer à l'image principale de la zone visible. Différer précisément l'élément qui détermine le LCP dégrade la mesure au lieu de l'améliorer.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

Preconnect et preload #

Indications permettant d'établir une connexion à l'avance vers un domaine tiers, ou de déclarer prioritaire une ressource nécessaire au premier affichage.

Pourquoi

Correctement ciblées, elles suppriment plusieurs allers-retours réseau sur le chemin critique.

Erreur fréquente

En déclarer trop. Tout marquer comme prioritaire revient à ne rien prioriser, et sature la file de téléchargement du navigateur.

Approfondir : Core Web Vitals : mesurer et améliorer la vitesse d'un site WordPress →

Compression #

Réduction de la taille des réponses HTTP par un algorithme comme gzip ou Brotli, négociée entre client et serveur.

Pourquoi

Sur du texte, elle réduit couramment le volume transféré de 70 à 80 %, pour un coût processeur négligeable.

Erreur fréquente

Supposer qu'elle est active. Elle se vérifie en comparant la taille transférée avec et sans en-tête d'acceptation d'encodage.

Cache navigateur #

Conservation locale des ressources par le navigateur, pilotée par les en-têtes de cache renvoyés par le serveur.

Pourquoi

Il supprime la quasi-totalité du coût réseau des visites suivantes, ce qui améliore les données de terrain sans modifier une ligne de code.

Erreur fréquente

Appliquer une durée longue à des ressources dont le nom ne change pas. Sans empreinte dans le nom de fichier, une mise à jour ne parvient pas aux visiteurs.

Ces définitions s'appuient sur la documentation officielle référencée dans nos ressources. Une définition vous paraît inexacte ou datée ? Signalez-la — les corrections sont vérifiées, datées et créditées.