Formation Performance Web et Core Web Vitals

• Qu’est-ce que la performance web ?
• Pourquoi la webperf est-elle importante ?
• Les Core Web Vitals
  • INP
  • LCP
  • CLS

Les mauvaises pratiques

• Trop de requêtes HTTP
• Le chargement des vidéos
• Les images trop volumineuses
• La programmation synchrone
• Un code trop dense
• Le chargement des polices
• Un serveur en manque de ressources

Mise en cache

• Qu’est-ce qu’un CDN ?
• Les meilleurs CDN du marché
• Les différents types de caches
  • Le cache client
  • Le cache réseau
  • Le cache serveur
• Quelle stratégie de caching appliquée ?

Programmation

• Frontend
  • Précharger les requêtes essentielles
  • async et defer
  • Chasser le code inutile
  • Compresser, minifier son code et ses fichiers
  • Le lazy loading
  • Le speculative loading
  • font-display swap
  • Les fonctions à éviter
  • Utiliser le server side rendering ?
• CMS
  • Réduire le contenu à l’intérieur des nodes
  • Ne pas charger le contenu entièrement en une requête unique
  • Éviter d’utiliser les nested blocks
  • Éviter la création de logs
  • Tester ses plugins
• Backend
  • Méthodes pour minimiser les requêtes
  • Éviter les locks
  • Activer le load balancing
  • Utiliser IHttpClientFactory
  • Alléger les cookies
  • Créer des jobs planifiés pour les opérations coûteuses
  • Éviter les microservices
  • Utiliser les streams et non les bytes[]

Optimiser le CLS

• Appliquer des dimensions aux fichiers
• Appliquer un espace réservé aux éléments
• Éviter les publicités en haut de page
• Afficher le nouveau contenu au-dessus du contenu ancien

Étude de cas

• Présentation d’un site web non performant
• Analyse du chargement
• Mise en place des recommandations
• Test final