Comment optimiser les performances de votre site web

Un site rapide est plus agréable, convertit mieux et facilite le travail de Google. Les techniques d’optimisation sont nombreuses ; l’important est de les appliquer dans le bon ordre, en commençant par celles qui apportent le plus pour le moins d’effort. Ce guide les présente par priorité, avec la façon de mesurer chaque gain.

Mesurer avant d’optimiser

Deux sources de mesure se complètent :

• les tests de laboratoire, avec PageSpeed Insights ou Lighthouse, qui simulent un appareil et indiquent les problèmes ;
• les données terrain, issues des vrais visiteurs, visibles dans le rapport Core Web Vitals de Search Console.

Les indicateurs à suivre sont les Core Web Vitals : vitesse d’affichage (LCP), réactivité (INP) et stabilité visuelle (CLS). Testez en priorité les pages qui comptent pour votre activité, sur mobile.

Priorité 1 : les images

Les images sont souvent la plus grande part du poids d’une page.

• Redimensionner à la taille d’affichage réelle, avec plusieurs tailles selon l’écran.
• Utiliser des formats modernes comme WebP ou AVIF.
• Compresser sans perte visible.
• Charger en priorité l’image principale visible à l’écran, et en différé les autres.
• Réserver l’espace avec des dimensions explicites, pour éviter les décalages.

Les frameworks modernes automatisent une partie de ce travail, comme le composant d’optimisation d’images de Next.js.

Priorité 2 : les scripts tiers

Chat, outils d’analyse, publicité, widgets de réseaux sociaux, cartes : chaque script tiers ajoute du poids et du travail pour le navigateur, et dégrade souvent la réactivité.

• Faites l’inventaire et supprimez ce qui ne sert plus.
• Chargez les autres après l’affichage du contenu principal.
• Chargez certains éléments (vidéo, carte) seulement au clic.

Priorité 3 : le serveur et le cache

Si le serveur met longtemps à répondre, tout le reste attend.

• Mettez en cache les pages qui changent peu.
• Utilisez un réseau de distribution de contenu si vos visiteurs sont éloignés du serveur.
• Activez la compression des fichiers texte.
• Vérifiez que le serveur est dimensionné pour votre trafic.

Priorité 4 : le JavaScript

Trop de JavaScript ralentit l’affichage et la réactivité, surtout sur les téléphones modestes.

• Ne chargez que le code nécessaire à chaque page.
• Rendez le contenu côté serveur quand c’est possible.
• Limitez les bibliothèques lourdes utilisées pour quelques fonctions.

La documentation MDN sur la performance détaille ces techniques.

Priorité 5 : les polices et les styles

• Limitez le nombre de polices et de graisses.
• Hébergez les polices avec le site et préchargez celles utilisées au-dessus de la ligne de flottaison.
• Évitez les feuilles de style qui bloquent l’affichage.

Le récapitulatif

Mesurer après chaque changement

Appliquez une optimisation à la fois et mesurez son effet. Les données terrain évoluent sur plusieurs semaines, car elles agrègent l’expérience des visiteurs sur une période. Suivez aussi un indicateur business : taux de conversion des pages optimisées.

La performance comme habitude

La performance se dégrade avec le temps : nouvelles images non optimisées, scripts ajoutés pour une campagne, extensions installées. Un contrôle trimestriel des pages principales évite de revenir au point de départ.

Pour comprendre l’enjeu business, lisez notre article sur l’impact réel des Core Web Vitals. Pour les sites en Next.js, voyez notre guide SEO technique avec Next.js, et pour un audit, notre équipe développement web.

FAQ

Par quoi commencer pour accélérer un site ?

Par les images, qui représentent souvent l’essentiel du poids des pages, puis par les scripts tiers. Ce sont les gains les plus rapides et les plus visibles sur mobile.

Un bon score sur PageSpeed Insights suffit-il ?

C’est un bon indicateur de laboratoire, mais ce qui compte est l’expérience des vrais visiteurs, mesurée par les données terrain de Search Console. Un site peut avoir un bon score en test et être lent pour une partie des visiteurs.

Changer d’hébergeur accélère-t-il le site ?

Si le serveur répond lentement, oui. Mais si la lenteur vient des images ou du JavaScript, un meilleur hébergement n’y changera presque rien. Mesurez d’abord le temps de réponse du serveur.