Formation Performance Web et Core Web Vitals
| 2990€ HT / personne |
| 4 jours (28 heures) |
Présentation
Notre formation Performance Web et Core Web Vitals est conçu pour vous permettre d’optimiser la vitesse et l’expérience utilisateur de votre site web.
Notre formation en webperf se veut pratique avec de nombreux exercices de programmation en JavaScript. Vous découvrirez comment maximiser les performances de votre frontend ainsi que celles de votre backend.
Nous commencerons ce cours par une introduction rappelant l’importance d’un site rapide. Nous vous détaillerons les mauvaises pratiques à éviter et les techniques d’optimisations les plus répandues comme l’utilisation du CDN, des jobs, de l’asynchrone ou encore du lazy loading.
Vous saurez mettre en place une stratégie de caching adaptée, comprendre et améliorer les 3 critères des Core Web Vitals (FCP, INP et CLS). Il s’agit de la formation idéale si vous souhaitez renforcer votre taux de rétention et votre SEO.
Objectifs
- Comprendre les bases et l’importance de la performance web
- Identifier et corriger les mauvaises pratiques de chargement de page
- Utiliser les outils d’analyse pour optimiser le chargement des pages
- Intégrer des techniques de programmation avancées pour réduire le temps de réponse du serveur
Public visé
- Développeurs frontend
- Développeurs web
- Web analysts
- Chefs de projets digitaux
- Développeurs backend
Pré-requis
- Connaissances en JavaScript
- Connaissances du fonctionnement du web
Programme de notre formation performance web
Introduction
- Qu’est-ce que la performance web ?
- Pourquoi la webperf est-elle importante ?
- Les Core Web Vitals
- INP
- LCP
- CLS
Comment se charge une page web ?
- Rappel du fonctionnement du web
- Qu’est-ce que le DOM ?
- Qu’est-ce que le critical path ?
- Qu’est-ce que le rendering ?
- Les principaux outils d’analyse
- Comment analyser sa timeline ?
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
Pour aller plus loin
Formation Angular
Formation React
Formation Vuejs
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| 2990€ HT / personne |
| 4 jours (28 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
