Formation Améliorer les performances de vos sites Web
Formation
À Levallois-Perret
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Description
-
Typologie
Formation
-
Lieu
Levallois-perret
Cette formation Performance Web vous permettra d'améliorer les performances de vos sites WEB en vous détaillant toutes les phases du cycle de vie d'une page WEB. De son chargement à son affichage en passant par son interprétation toutes les technologies sont passées au crible (HTTP, navigateur, CSS, JavaScript, DOM, HTML5, cache, cookies, compression,
Les sites et dates disponibles
Lieu
Date de début
Date de début
Les Avis
Le programme
Introduction aux performances des sites web et à l'optimisation
Performances et Business
Seulement un problème technique ?
La relation temps d’affichage / chiffre d’affaire
Référencement : la vision de Google
Ergonomie : la performance perçue par l’utilisateur
La 4G et la fibre
Les besoins des sites
Pourquoi le temps de chargement total ne suffit pas
Comprendre Time To First Byte, Time To Render, Time to Interaction, $.ready()
Outils de diagnostic et de monitoring gratuits Travaux Pratiques Clone des sites du client en local
Diagnostiquer avec WebPageTest, programmer des tests
Les checklists ySlow, PageSpeed et Opquast
Faire du profiling côté client, sur tous les navigateurs
Détecter le danger des widgets tiers (Facebook, Google+, Twitter ...)
Que voient vos utilisateurs, avec le Real User Monitoring
Utiliser Google Analytics, Boomerang JS, la Navigation API
Outils commerciaux
Les problèmes de HTTP 1.1 et TCP
Débit et latence : quelle influence ?
Changer de protocole ? HTTP2 et SPDY
Quels OS / navigateurs tester ?
Parallélisation, pipelining, Keep-Alive Travaux Pratiques Configuration de serveur Keep-Alive
gzip
Outils de R&D : Browserscope et Cuzillion
Le chemin critique, les ressources bloquantes
CSS et JavaScript : que faire ? Travaux Pratiques Les actions sur les fichiers CSS et JavaScript
Action de base sur les polices
Travaux Pratiques Activation du cache Les problèmes communs ou le syndrome du « Vide ton cache »
Invalidation standard (eTag et autre)
Maîtriser le cache des utilisateurs Travaux Pratiques Implémentation d’un système efficace de cache
Principe
API
Limites
Les solutions de cache serveur Travaux Pratiques La technique du flush serveur La stratégie de la page semi dynamique
Comment tricher avec les délais longs côté serveur
L’exemple de Facebook
Chargement en haut de page
Chargement en milieu de page
Chargement en bas de page
Les attributs natifs async et defer
Le chargement asynchrone, ses librairies
Les stratégies de chargement Travaux Pratiques Chargement JS par modules Autres méthodes de chargement (XHR, LocalStorage, lazy-evaluate...)
Le problème des publicités
Exemple d’installation de WebPageTest Monitor Travaux Pratiques Programmer des tests Les compléments en open-source : Graphite et compagnie
La connexion type des utilisateurs ? Travaux Pratiques Scénarios complexes de navigation
Utilisation de CSS3 et des caractères unicode
Embarquer le contenu d’une image en CSS ou HTML
La technique du spriting
Le chargement Just In Time
La compression (manuelle et automatique) Travaux Pratiques Se passer d’images sur mobile Tester les outils de compression
Comprendre l’impact bloquant de Google+, Facebook, Twitter
Le problème des publicités, trackers et widget
La solution : l’asynchrone Travaux Pratiques Inclure sans risque du code tiers L’outil : SPOF-O-MATIC
outil pour surveiller, symptômes à observer
expérimentation avec des vieux navigateurs ou des modernes
manipulation off-DOM
setTimeout(0), le sauveur méconnu
délégation d’événements
Les outils de profiling côté client
WebSocket et Server Sent Event
localStorage
Les WebWorkers
Prefetch, prerender, next
CSS @import
les filtres CSS
les dimensions des images
favicon
les 404
les redirections
expressions CSS
le charset
les scripts .htc
Faut-il se payer un CDN ?
domain sharding : pour quelles situations ?
Stratégies de chargement du contenu
Organiser son CSS en modules ?
L’influence des iframes
Construire un cache agressif sur mobile
Conclusion
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Formation Améliorer les performances de vos sites Web