PLB formations

Contactez-nous au :
01 43 34 90 94
  • PLB formation
    20 ANS D'EXPÉRIENCE
    EN FORMATION PROFESSIONNELLE
  • formation informatique
    PLUS DE 1000 FORMATIONS
    S'ADRESSANT À TOUS
    DU DEBUTANT A L'EXPERT
  • formation management
    DES CONSULTANTS FORMATEURS
    ISSUS DU TERRAIN QUI TRANSMETTENT
    LEUR EXPERTISE
  • PLB formation
    DIF... OPCA... FINANCEMENT
    NOUS VOUS CONSEILLONS
    POUR REDUIRE VOS COUTS
  • formation informatique
    DES FORMATIONS ADAPTEES
    POUR VOUS FAIRE
    GAGNER DU TEMPS
  • formation management
    DES PROGRAMMES DE COURS
    REVISES 2 FOIS / AN

    POUR SUIVRE LES
    NOUVELLES TECHNOLOGIES
Accueil > Formation Internet > Formation Administration Web
   

FORMATION Améliorer les performances de vos sites Web

Objectifs de la formation Performance Web

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,...).
Vous disposez ainsi des leviers pour ajuster les paramètres et améliorer les temps de réponse dans des proportions parfois étonnantes. La progression pédagogique s'appuie naturellement sur l'ordre réel dans lequel les technologies sont sollicitées et cela rend la formation très fluide et surtout concrète (plus on avance plus les performances s'améliorent sur les sites étudiés).

Concrètement vous serez capable de :
- Maîtriser l'impact des performances de vos sites
- Comprendre le fonctionnement détaillé d'un navigateur
- Maîtriser le dialogue entre un navigateur et un serveur WEB afin de faire les bons choix en matière de performance (http, cache, cookies, images, ...)
- Savoir utiliser les bons outils de mesure et de diagnostics indépendamment de la nature des sites (portail, @commerce, administration, applications et jeux...).
- Diagnostiquer et remédier aux problèmes classiques de lenteur perçue côté client
- Savoir optimiser votre code côté client (Javascript, HTMl, CSS...) avant et après le chargement
- Garder un bon niveau de performances en faisant des compromis par rapport à Google et la publicité

A qui s'adresse la formation Performance Web

Cette formation Performance web concerne les développeurs backend, les développeurs frontend, les intégrateurs, les administrateurs serveurs ou les managers d'équipe Web qui veulent améliorer les performances perçues sur site ou se former aux techniques modernes de développement Web.

Pré-requis :

Les participants doivent connaître les bases de Javascript, être à l'aise avec HTML et avoir des notions de configuration Apache.

Travaux pratiques :

La partie théorique sera illustrée systématiquement par des exemples concrets.
Des sites en production sont audités et des sites témoins sont préparés spécifiquement pour la formation. Le champ des actions possibles étant très large il est important que vous ressortiez de cette formation avec une boîte à outils générique permettant de tester des sites de toute nature (portail, @commerce, administration, ...).
Les TP permettront d'acquérir l'autonomie technique pour résoudre les problèmes récurrents et connus de performances des sites WEB à tous les moments du cycle de vie de la page WEB mais aussi certains problèmes de lenteur plus délicats à diagnostiquer.

Contenu de la formation Performance Web

Performance web et commerce
La relation temps d'affichage / chiffre d'affaire
Référencement : la vision de Google
Les contraintes liées à un site professionnel

Les outils, les métriques
Mesurer un temps de génération de page ou un temps de chargement complet ?
Outils de diagnostic et de monitoring gratuits
Les outils payants
Backend ou Frontend : où passe le temps ?
Démonstration avec un site statique


TRAVAUX PRATIQUES
Installation d'un environnement de diagnostic et de monitoring, mise en oeuvre des premières mesures, commentaires sur la nature des informations remontées, explications sur « Comment lire une timeline d'affichage ?», analyse des résultats

Les échanges entre le navigateur et le site WEB (http)
Limites du protocole historique HTTP
Que peut-on faire côté développeur ?
Latence due à la couche IP
Comment marche un navigateur ?
Quels navigateurs tester ?
Gains attendus avec la parallélisation,
Comment bien utiliser le cache des navigateurs
Les ressources bloquantes à surveiller


TRAVAUX PRATIQUES
Exemples comparés de bonne et mauvaise gestion du cache navigateur (Internet Explorer, Google Chrome, Firefox).


Solutions rapides, efficaces et universelles
Organiser ses feuilles CSS
minification et compression
Déployer un cache efficace en production
configuration serveur (TP)
l' eTag
ré-organisation des mises en production
le problème sur mobile
Servir des fichiers compressés
configuration serveur
solutions pour réduire la charge serveur
le point sur le support navigateurs
Solutions simples aux lenteurs du code serveur (TP)
flush
cache
Le danger des cookies
Le coût caché des cookies
problèmes et solutions
Les petites choses qui vous perdent
CSS @import
les filtres CSS
la taille des images
favicon
les 404
les redirections
expressions CSS
le charset

TRAVAUX PRATIQUES
Configuration serveur gzip et cache
Côté serveur : flush et cache

Adapter le code frontend.
Le problème des images
réduction du poids automatique
règle de réduction manuelle de poids
la technique des sprites
embarquer des images, une fausse bonne idée ? (base64, MHTML)
Organiser son JavaScript
différer le chargement pour accélérer le rendu
chargement Just In Time (TP)
exécution Just In Time
doit on réorganiser son code ?
les outils pour réduire le poids
le problème des publicités
Les contre performances des publicités et widgets
le problème de document.write()
techniques de chargement des widgets (TP)

TRAVAUX PRATIQUES
techniques pour charger les widgets.
Chargement javascript Just In Time

Solutions avancées
Faut il payer un CDN ?
domain sharding : pour quelles situations ?
Pré-chargement du contenu
support navigateur ou scripté ?
Organiser son CSS en modules ?
L'influence des iframes
Techniques de chargement progressif des contenus (TP)
lazy-load d'images
lazy-load de contenu
TP
Optimiser pour les navigateurs modernes (1H)
HTML5
CSS3
defer, async
link prefetch
DNS prefetch
Avoir une politique de cache correcte sur mobile (TP)
comprendre les limites des mobiles actuels
méthodes de contournement avec HTML5 localStorage et la gestion hors ligne

TRAVAUX PRATIQUES
Chargement progressif d'images.
Offline et cache sur mobile


Formation améliorer performances site

-

formation améliorer performance

-

formation javascript

-

formation HTML5

Cette formation « Performance Web » est éligible au DIF. Ce cours peut être financé par l'OPCA de votre entreprise.

  FORMATION Performance Web

Référence : IPSW
Durée :3 JOURS
Tarif : 1690€ HT

  INSCRIVEZ-VOUS EN LIGNE

  INFORMATIONS

Lieu de la formation
Paris - La Défense
Nos coordonnées
Tél : 33 (0)1 43 34 90 94
E-mail : nous contacter
Formation réalisable en
Intra dans votre entreprise

  POUR ALLER PLUS LOIN

REJOIGNEZ-NOUS SUR :