L’optimisation commence par un symptôme : premier écran tardif, bouton lent ou contenu qui saute au chargement. Un seul score PageSpeed ne décrit pas toute l’expérience. Reliez les mesures aux observations des visiteurs et procédez par petites modifications vérifiables.
1. Mesurer la situation de départ
Choisissez l’accueil, une page de service et un article lourd. Notez appareil, connexion, URL et date. Répétez les mesures pour ne pas fonder la décision sur une réponse exceptionnellement lente. Observez quand l’action principale devient utilisable.
Les Core Web Vitals mesurent chargement, réactivité et stabilité avec LCP, INP et CLS. Les seuils « bons » sont respectivement 2,5 secondes, 200 millisecondes et 0,1, au 75e percentile des visites. Tests de laboratoire et données réelles répondent à des questions différentes.
2. Commencer par les images
Comparez les dimensions du fichier à sa surface d’affichage. Une petite carte a rarement besoin de plusieurs milliers de pixels. Préparez des tailles adaptées, comparez WebP ou AVIF à l’original et inspectez les détails après compression.
Les images sous le premier écran peuvent être chargées à la demande. N’appliquez pas automatiquement loading="lazy" à l’image principale susceptible de déterminer LCP. Fixez dimensions ou ratio afin de réserver l’espace et d’éviter les sauts de texte.
3. Examiner les polices et services externes
Comptez les polices et graisses demandées avant la lecture. Retirez les appels inutiles, contrôlez les remplacements et évitez de masquer longtemps le texte. Après modification, ouvrez navigation et formulaire : économiser des octets ne doit pas abîmer la mise en page.
Inventoriez widgets, outils d’analyse et bibliothèques avec leur rôle et leur responsable. Retirez ceux devenus inutiles. Pour un service nécessaire seulement après une action, étudiez un chargement différé et testez le parcours complet.
4. Réduire le travail pendant les interactions
Si défilement ou clics sont lents, cherchez les tâches trop fréquentes : calculs de dimensions, suivi du curseur, grandes mises à jour de l’interface. Désactivez les effets suspects un par un et comparez.
Examinez flous importants, vidéos de fond et grandes couches mobiles sur un téléphone ordinaire. Tout supprimer n’est pas toujours nécessaire : réduire surface, fréquence ou nombre d’éléments peut suffire. Gardez un retour clair après chaque action.
5. Vérifier la vitesse et le fonctionnement
Recommencez les mesures dans les mêmes conditions. Puis ouvrez le menu, consultez un projet, changez de langue et remplissez les champs sans envoyer le formulaire. Vérifiez images manquantes et retours à la ligne.
Conservez les originaux et notez modification et résultat. Un score parfait permanent est une mauvaise promesse : contenus et conditions évoluent. Fixez plutôt un budget raisonnable pour les nouvelles images et appliquez la même méthode aux nouvelles pages.
La prochaine étape
Réduire les images lourdes et les requêtes inutiles est souvent un bon début. Mais les mesures fixent la priorité : corrigez ce qui retarde une tâche réelle du visiteur.