03 20 61 95 00

Formation Web Performances


  • WEBPERF
  • Durée : 3 jours
  • Tarif : 1480 € HT

92%

Taux de satisfaction clients
(sur 742 évaluations du 19/05/21 au 24/10/22)

Voir les avis

Objectifs

– Comprendre les enjeux de la Performances des sites Web

– Savoir effectuer des tests et des diagnostics des pages
– Accélérer le chargement des pages
– Fluidifier l’expérience utilisateur
– Mettre en place une politique de surveillance des performances.
– Maîtriser l’outil open-source Webpagetest

Prérequis

Connaissances de base du code HTML / Javascript

Public

– Intégrateurs

– Développeurs frontend
– Chefs de projet
enveloppe Cette formation vous intéresse ? Contactez-nous

Bon à savoir

Evaluez votre niveau

Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation via notre centre d’examen. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.

Notre formateur

La formation est animée par un professionnel de l’informatique et de la pédagogie. Il est en veille technologique permanente et possède plusieurs années d’expérience sur les produits, technologies et méthodes enseignés.

Travaux pratiques

Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Elles peuvent être personnalisées pour répondre à vos besoins (contenu, dates, rythme...).

A distance / Classe virtuelle

En classe virtuelle, vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel : cours théorique, travaux pratiques, échanges en temps réel avec le formateur et les autres stagiaires…

Présentiel

Formations intra ou interentreprises, cours officiels ou création de contenu spécifique, nos formations sauront répondre à vos attentes.

Un cadre Maîtrisé

3 à 6 participants maximum par session pour respecter les objectifs et résultats attendus et pour permettre la réalisation de tous les ateliers pratiques dans de bonnes conditions.
illustration-formation
Les + d'une formation Access it
Des formations d'excellence, éligibles CPF, disponibles en distanciel, et animées par des consultants experts passionnés par leur métier.
En savoir plus
modules

Les Modules
de formation

Module 1
Pourquoi être performant ?

– Combien coûte une seconde de retard ?

– L’influence sur le référencement
– Les challenges : ce que veulent les utilisateurs et les besoins des sites
Module 2
Paramétrer ses tests

– Limites de L’HyperText Transfer Protocol (HTTP) Les débits et latences

moyennes en France, dans le monde, sur mobiles ou ailleurs
– Les équipements des utilisateurs
– Outils de simulation
Module 3
Comment mesurer la performance

– Introduction à WebPagetest : programmer des tests et repérer les

métriques importantes
– Les métriques techniques : time to first byte, document ready, onload.
Signification et conséquences sur le code
– Les métriques UX : Start Render, First Contenful Paint, First Meaningful
Paint, Speed Index … Comment les interpréter ?
– Les métriques idéales à mesurer soi-même
– Diagnostiquer un problème de contention CPU : Time To Interactive,
mesures CPU
– Quels objectifs de performance se
Module 4
Maîtriser le cache client

– Théorie : cache classique, invalidation standard, worker, pré-chargement,

302, immutable …
– Le vrai problème du cache : l’invalidation
– Stratégies et outils de mise en pratique et de vérification
Module 5
Comprendre HTTP et les navigateurs

– Le TCP, la latence et ses conséquences sur un site classique

– HTTP 1.1 : keep-alive, pipelining ou parallélisation, la limite des 14Ko
– Optimisations HTTPS
– HTTP/2 : théorie et démo
– HTTP/2 rend-il obsolète les techniques classiques de Webperf ?
– Le futur : QUIC, cache-digest, code 103 …
Module 6
Optimiser le chemin critique

– La base : grouper, minifier et compresser CSS et JS

– Stratégies de chargement des CSS / JS : 1 ou plusieurs fichiers
– Technique du critical CSS : outils et limites
– Compression gzip et brotli
– Stratégie pour contrer un temps de calcul serveur long
– Faire attention aux redirections
– Pré-chargement de ressources : techniques et cas d’utilisation
(dns-prefetch, preconnect, prefetch, preload, prerender, en HTML ou en
header HTTP)
Module 7
Les polices

– Le comportement des navigateurs : texte invisible (FOIT), texte non-stylé

(FOUT) oupage blanche ?
– Rappel sur les bases pour un bon dialogue intégrateurs / graphistes
– Les variantes (et leurs limites) de chargement de fonts : API JS FontFace,
propriété
– CSS font-display, les loaders JS, encodage inline et mix de ces techniques
– Les astuces src:local, police système, variantes “faux-text”
– Optimiser le fichier de police (Woff2, compression, choix des caractères …)
Module 8
Les images

– Comment se passer d’images ?

– Sprites ou inline ?
– Le chargement à la demande ou lazy-loading
– SVG et font iconiques : techniques et limites
– Connaître les formats classiques GIF, PNG et JPEG ainsi que les
nouveaux formats (WebP, JPG XT, JPG XR, JPG 2000 …)
– Optimiser automatiquement un GIF animé, des JPG et des PNG
– Les images responsive : comprendre le standard srcset, sizes et
picture, connaître les alternatives
Module 9
Le danger des services tiers

– La théorie du Single Point Of Failure, appliqué aux pages Web

– Détecter un SPOF : outil navigateur, avec WebPagetest ou en intégration
continue
– Les solutions : comment inclure les fichiers tiers ? Quand exécuter son
propre code ?
– Détecter qu’un tiers fait ramer l’interface
Module 10
Charger JavaScript

– la classique balise script en haut de page qui présente bien des avantages

– les scripts de bas de page
– le JS asynchrone ou à la demande
– les attributs async et/ou defer
– le JS inline
– script type=module et import()
– Optimiser un bundle :
– Le tree-shaking, c’est pas automatique
– Un bundle ou plusieurs ?

Cette formation vous intéresse ? Contactez-nous !

    Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://www.access-it.fr/politique-de-confidentialite/