Comment optimiser les images d'un site web pour accélérer son chargement ?

Les images représentent très souvent la majeure partie du poids d'une page web. Les optimiser est donc le levier de performance le plus rentable : on gagne des secondes de chargement sans toucher au design ni refondre le site. Quatre actions suffisent dans la plupart des cas.

Les quatre leviers, dans l'ordre d'efficacité

• Servir la bonne dimension. Une photo de 4 000 px affichée dans un bloc de 800 px fait télécharger inutilement des mégaoctets. Redimensionnez à la taille réellement affichée et fournissez plusieurs tailles via srcset.
• Adopter un format moderne. Le WebP et l'AVIF réduisent nettement le poids à qualité visuelle équivalente par rapport au JPEG et au PNG, et sont aujourd'hui pris en charge par tous les navigateurs courants.
• Compresser sans excès. Une compression bien dosée est invisible à l'œil ; poussée trop loin, elle abîme la marque. Visez le meilleur compromis, image par image.
• Différer le chargement des images situées hors de l'écran avec loading="lazy" — mais jamais sur la grande image d'en-tête, qui est le plus souvent le LCP mesuré par Google.

Ce travail se mesure : comparez le poids de la page et la note Core Web Vitals avant et après. Il s'inscrit naturellement dans une démarche d'audit de site puis d'amélioration continue, que Pulsar Agency conduit sur les sites qu'elle maintient.