Rechercher une formation et ses disponibilités
Formation WebPerf - Performances Web coté client
La formation WebPerf à pour objectif de vous permettre d'optimiser les performances coté client de vos applications Web. Au cours de ces deux jours de formation nous aborderons point par point les différentes étapes liées à l'optimisation : analyse, monitoring et modifications. Nous commencerons par expliquer le fonctionnement des navigateurs et les aspects importants à prendre en compte liés aux protocoles. Ensuite nous mettrons en oeuvre les optimisations coté code avant de nous concentrer sur les optimisations coté serveur.
Objectifs de cette formation WebPerf - Performances Web coté client
- Comprendre le fonctionnement détaillé d'un navigateur
- Savoir utiliser les bons outils de mesure et de diagnostics
- Être en mesure d'optimiser votre code côté client (JavaScript, HTMl, CSS...)
- Connaître les ressources et les communautés françaises associées aux performances Web
Public de cette formation WebPerf - Performances Web coté client
- Développeur Web Front end
Pré-requis de cette formation WebPerf - Performances Web coté client
- Connaissance de base de JavaScript et CSS
- Notions d'administration Apache
Programme de cette formation WebPerf - Performances Web coté client
Introduction aux Performances Web et liens avec le business
- Mise en évidence de la relation temps d'affichage / chiffre d'affaire
- L'intérêt des performances pour le référencement
- La "performance perçue" par l'utilisateur
- Présentation des principales métriques
- Distinguo entre le temps de chargement d'une page et le chargement complet
- Présentation des outils de diagnostic et de monitoring
- TP : Mise en pratique d'une analyse de page et lecture d'une timeline d'affichage
- Présentation des différentes ressources internet (OpQuast, groupes WebPerf...)
Aspects liés au protocole : Comprendre HTTP, TCP/IP, DNS et les implications sur les navigateurs
- Sentir et comprendre les limites de HTTP
- Présentation du mode de fonctionnement d'un navigateur
Aspects liés au code : CSS, YSlow, Sprites, les JS
- Organisation des feuilles CSS
- Organiser son JavaScript
- Optimiser la taille de ses images
- Utiliser des sprites
- Les erreurs à ne pas commettre (filtres css, 404, charset ...)
- De l'organisation de sons CSS en modules
- Techniques de chargement progressif des contenus
- Spécificités de l'optimisation pour les mobiles
- Optimisations pour les navigateurs moderne
- Influence des iframes
Aspects liés à l'infrastructure et au matériel : solution d'accélération, CDN, domain sharding
- Les bases de l'optimisation coté serveur
- Servir des fichiers compressés
- Déploiement d'un cache efficace en production
- Avantages et inconvénients de l'utilisation d'un CDN
- Présentation du domain sharding et de ses domaines d'application
- Focus sur les éléments externes (publicités, widget)
Optimisations post chargement
- Les cas dans lesquels HTML et CSS peuvent ralentir une page
- Astuces JavaScript à connaître
- Les outils de profiling client
