Maîtriser les Performances Web

Bienvenue dans ce grand cours sur les performances web.

Si tu t’es déjà senti perdu face aux performances… tu n’es pas seul.

Tu testes les devtools, le panneau performance et Lighthouse.
Tu lis des articles, questionne des IAs, regarde des vidéos.
Tu appliques quelques optimisations…

Mais au fond, tu avances à l’aveugle.

Tu ne sais pas vraiment ce qui a un impact, ni dans quel ordre optimiser. Et surtout, tu n’as jamais eu une vision claire de comment tout s’emboîte.

Le vrai problème, ce n’est pas le manque d’informations.

C’est qu’il n’existe presque aucun plan global pour comprendre les performances web de bout en bout.

On te parle des Core Web Vitals d’un côté…

Des CDNs de l’autre…

Mais jamais de l’ensemble du système.

C'est pourquoi j'ai créé ce système de compréhension sur les performances web.

J'ai créé une méthode complète, à la fois théorique et pratique, qui montre tout ce qu'il faut retenir et appliquer, du client au serveur.

Avant, tu avançais dans le débrouillard.

Après ce cours, tu auras un système complet que tu pourras répéter à l'infini dans tous tes projets. Tu sauras :

- Comment fonctionne exactement le rendu d'une page web

- Comment un serveur rend une page web et quels sont les types de rendu

- Quoi optimiser en priorité

- Les bonnes et les mauvaises pratiques

- Et pourquoi ça fonctionne

Concrètement, voilà ce que tu vas maîtriser :

• Le critical rendering path, le rendu de la première frame d'une page

• Les étapes de rendu d'une page : DOM - CSSOM - Styles Calculation / Render Tree - Layout - Paint - Composition

• Le téléchargement des ressources

• Comprendre le render blocking, le parser blocking et les priorités de téléchargement

• Analyser une page web dans les DevTools

• Les Core Web Vitals

• La métrique Largest Contentful Paint

• La métrique Cumulative Layout Shift

• La métrique Interaction to Next Paint

• Les différents formats d'image et les bonnes pratiques liées aux images

• Utiliser des images responsives

• Comprendre le lazy load

• Comprendre l'utilisation performante des vidéos

• Comprendre l'intérêt d'un Content Delivery Network (CDN)

• Éviter les reflows

• Coder du JavaScript, du CSS et du HTML performants

• L'impact des applications web sur les performances

• Les bundlers

• Etc.

Composition du cours :

• Un dossier téléchargeable contenant des exemples et exercices, te permettant d'appliquer et de tester directement les connaissances vues dans les leçons théoriques

• Des dizaines de diaporamas expliquant les secrets des performances web

  
  

Tu es à deux doigts d'enfin comprendre comment créer des projets professionnels et performants, qui captent et retiennent des utilisateurs.

Rendez-vous de l'autre côté pour commencer ton apprentissage.