Performance web : chaque milliseconde compte
Un visiteur qui attend devant une page blanche ne patiente pas longtemps : il revient aux résultats de recherche et clique sur le site suivant. La vitesse d’affichage n’est pas un détail technique réservé aux développeurs. Elle conditionne la première impression, le nombre de demandes et, en partie, votre visibilité dans Google.
Voici ce que Google mesure, comment tester votre site et les optimisations qui ont le plus d’effet.
Ce que Google mesure : les Core Web Vitals
Les Core Web Vitals sont trois métriques qui évaluent l’expérience réelle des visiteurs. Google recommande vivement d’obtenir de bons scores, en précisant que cela va dans le sens de ce que ses principaux systèmes de classement cherchent à récompenser. Les seuils à viser sont les suivants :
| Métrique | Ce qu’elle mesure | Objectif |
|---|---|---|
| LCP (Largest Contentful Paint) | Le temps d’affichage du plus grand élément visible | ≤ 2,5 s |
| INP (Interaction to Next Paint) | La réactivité de la page quand on clique ou on tape | < 200 ms |
| CLS (Cumulative Layout Shift) | La stabilité visuelle : les éléments qui « sautent » | < 0,1 |
L’INP a officiellement remplacé le FID (First Input Delay) dans les Core Web Vitals. Si un outil ou un rapport vous parle encore de FID, il est daté.
La performance ne se résume pas au référencement. Un site rapide est aussi un site plus agréable à utiliser, surtout sur mobile avec une connexion moyenne, ce qui compte directement pour la conversion.
Comment tester votre site
- PageSpeed Insights : entrez l’adresse d’une page pour obtenir ses scores, avec les données réelles de visiteurs Chrome quand le trafic est suffisant, et une liste de recommandations.
- Google Search Console : le rapport Core Web Vitals regroupe les pages de votre site qui posent problème, sur mobile et sur ordinateur.
- Un vrai téléphone : ouvrez votre site en 4G, hors wifi. C’est souvent le test le plus parlant.
Testez les pages qui comptent (accueil, pages de services, fiches produit), pas seulement la page d’accueil.
Les bonnes pratiques qui font la différence
Des images optimisées
Les images sont souvent le premier poste de poids d’une page. Redimensionnez-les à leur taille d’affichage réelle, utilisez des formats modernes (WebP, AVIF) et chargez en différé celles qui sont hors écran avec loading="lazy". N’appliquez pas ce chargement différé à l’image principale en haut de page : elle retarderait votre LCP.
Indiquez aussi la largeur et la hauteur de chaque image : le navigateur réserve la place avant le chargement, ce qui évite les décalages mesurés par le CLS.
Moins de scripts tiers
Chat en ligne, outils de suivi, widgets de réseaux sociaux, vidéos intégrées : chaque script externe s’ajoute au temps de chargement et peut dégrader l’INP. Faites l’inventaire de ce qui est vraiment utilisé et supprimez le reste.
Minification et compression
Minifiez les fichiers CSS, JavaScript et HTML, et activez la compression Gzip ou Brotli côté serveur. Ce sont des réglages rapides qui réduisent le volume transféré à chaque visite.
Mise en cache
Configurez des en-têtes de cache adaptés à chaque type de ressource : les images, polices et feuilles de style qui changent rarement n’ont pas à être téléchargées à chaque page. Un CDN rapproche en plus ces fichiers de vos visiteurs.
Des polices maîtrisées
Chaque police et chaque graisse supplémentaire est un fichier de plus à charger. Limitez-vous à ce que votre charte utilise réellement et préchargez la police principale.
Astro et la génération de sites statiques
La façon dont un site est construit pèse plus lourd que n’importe quelle optimisation ajoutée après coup. Des frameworks comme Astro génèrent des pages HTML statiques et n’envoient au navigateur que le JavaScript réellement nécessaire, rien par défaut. C’est ce que nous utilisons chez Illis pour nos projets de développement web, et notamment pour les sites vitrines.
Si votre site actuel est lent malgré les corrections habituelles, la cause est souvent dans ses fondations (thème surchargé, extensions accumulées, hébergement inadapté). C’est l’un des signaux présentés dans notre article « Mon site a-t-il besoin d’une refonte ? ».
Besoin d’un diagnostic de performance pour votre site ? Demandez un audit gratuit ou contactez-nous pour en discuter.