Avancé FOAD : 2j (14h) Distanciel : 2j (14h) Hybride : 2j (14h) Présentiel : 2j (14h)

Optimisation des performances front-end

Améliorez la vitesse et l’efficacité de vos sites web avec les meilleures pratiques.

Optimisation des performances front-end

Programme de la formation

Fondamentaux de la performance web

03:30:00
Définition des KPI de performance (TTFB, LCP, CLS, TTI...)
Outils d’analyse : Lighthouse, PageSpeed Insights, WebPageTest
Audit de performance front-end
Priorisation des optimisations
Travaux pratiques Audit complet d’un site avec Lighthouse + analyse des résultats

Optimisation HTML, CSS et structure DOM

03:30:00
Chargement conditionnel (lazy loading)
Réduction du poids du DOM et des CSS
Bonnes pratiques de structuration sémantique
Inline CSS, media queries critiques
Travaux pratiques Réécriture d’une page pour alléger le DOM et optimiser le CSS

Optimisation JavaScript et chargement asynchrone

03:30:00
Minification, tree-shaking, code splitting
Asynchrone / différé
Gestion des dépendances lourdes
Lazy loading des modules JS
Travaux pratiques Réorganiser les scripts d’une page pour différer leur exécution

Optimisation des assets (images, fonts, caching)

03:30:00
Formats images modernes (WebP, AVIF)
Compression, redimensionnement, responsive images
Optimisation des polices (font-display, subsets)
Mise en cache (Cache-Control, Service Workers)
Travaux pratiques Implémenter un système d’images responsives optimisées + stratégie de cache

Objectifs de la formation

Réduire les temps de chargement Comprendre les outils d’analyse de performance

Ce que vous allez apprendre

Savoir identifier les problèmes de performance web
Améliorer la structure front-end pour accélérer le rendu initial
Réduire l’impact JavaScript sur le temps de chargement
Alléger les ressources servies et améliorer leur mise à disposition

Prochaines sessions

FOAD (Formation à distance)

Entrée en formation possible sous 15 jours après signature de la convention.

Aucune session prévue pour le moment

Cependant vous pouvez nous contacter pour que nous définissions une session ensemble selon vos besoins

Informations pratiques

Modalités d'évaluation

Evaluation de la progression en cours de formation à l'aide de cas pratiques, mises en situation, QCM…

Test de positionnement en amont et en aval afin de valider les compétences acquises.

Modalités pédagogiques

  • Méthodes : Expositive, démonstrative et active
  • Moyens : Cas pratique, mise en situation
  • Ressources : Support de cours et Programme de formation
  • Moyens techniques : Teams

Accessibilité

Toutes nos formations sont accessibles aux personnes en situation de handicap.

Pour plus de renseignements, n'hésitez pas à nous contacter.

En savoir plus