Apprendre la Performance Web

Tout ce que vous devez savoir pour rendre votre site plus rapide

Pourquoi la Performance Compte

53%

des utilisateurs mobiles abandonnent les sites qui mettent plus de 3 secondes

7%

diminution des conversions par seconde supplementaire

100ms

amelioration des conversions possible avec 100ms plus rapide

Core Web Vitals Expliques

LCP

Largest Contentful Paint

Performance de chargement

LCP mesure quand l'element de contenu le plus grand devient visible.

Comment ameliorer :

  • Optimisez et compressez vos plus grandes images
  • Utilisez un CDN pour servir le contenu plus pres des utilisateurs
  • Prechargez les ressources critiques
INP

Interaction to Next Paint

Reactivite

INP mesure la rapidite de reponse de votre page aux interactions.

Comment ameliorer :

  • Divisez les longues taches JavaScript
  • Differez le JavaScript non critique
  • Optimisez les gestionnaires d'evenements
CLS

Cumulative Layout Shift

Stabilite visuelle

CLS mesure combien le contenu visible se deplace de maniere inattendue.

Comment ameliorer :

  • Definissez toujours les dimensions des images et videos
  • Reservez de l'espace pour les publicites
  • Evitez d'inserer du contenu au-dessus du contenu existant

Ressources Externes

Pret a optimiser votre site ?

Commencez par analyser votre performance actuelle.

Analyser Votre Site Web