Votre code. Vos données. Votre équipe.
Je forme les équipes d’ingénieurs et les agences à identifier et corriger les problèmes de Core Web Vitals de manière autonome. Pas de slides génériques. Pas de vidéos préenregistrées. Des sessions en direct sur votre site de production, avec vos vraies données de performance.
Réserver pour votre équipeVoir les parcoursThe teams I train.
Choisissez votre parcours
Les deux parcours partagent la même base technique. La différence réside dans ce que votre équipe en fait ensuite.
Formation équipe technique
Vos développeurs apprennent à diagnostiquer et corriger les Core Web Vitals sur votre propre plateforme. Après la formation, votre équipe gère la performance de manière autonome. Plus de dépendance envers moi.
Formation agence
Votre équipe apprend à réaliser des audits et des optimisations Core Web Vitals pour vos clients. Transformez la performance en service facturable au lieu de l’externaliser.
Une question qui revient à chaque fois.
« On a regardé les vidéos YouTube. On a lu la doc web.dev. Pourquoi nos scores sont-ils toujours rouges ? »
Parce que les conseils génériques ne s’appliquent pas à votre architecture spécifique. Votre stack de scripts tiers, votre stratégie d’hydratation, votre configuration publicitaire, votre pipeline d’images. Tout cela est unique. Une vidéo ne peut pas ouvrir Chrome DevTools sur votre site de production et montrer à vos développeurs exactement d’où viennent les 400 ms de délai d’input. Moi, je peux.
Ce que chaque session couvre
Le programme principal est commun aux deux parcours. La formation agence ajoute des modules sur la livraison client, le reporting et la vente de services performance.
Fonctionnement interne du navigateur
Comment le navigateur analyse le HTML, construit le DOM, calcule les styles, dispose les éléments et affiche les pixels. Comprendre la machine pour maîtriser les métriques. C’est le socle sur lequel tout le reste repose.
Core Web Vitals avancés
Au-delà des définitions. Sous-parties du LCP, phases de l’INP (délai d’input, traitement, délai de présentation), fenêtres de session CLS. Vous apprenez à lire les données CrUX, à les comparer aux résultats en labo et à comprendre pourquoi ils diffèrent.
Maîtrise du profileur de performance
Chrome DevTools est l’outil de diagnostic le plus puissant dont vous disposez. Vous apprenez à lire les flame charts, tracer les long tasks, identifier les données d’attribution LoAF et relier ce que vous voyez dans le profileur à ce que vos utilisateurs vivent sur le terrain.
Stratégie architecturale
Gouvernance des scripts tiers, stratégies d’hydratation, priorisation des ressources, budgets de performance en CI/CD. Vous apprenez à maintenir la performance à grande échelle et à prévenir les régressions après chaque déploiement.
Modules exclusifs à la formation agence
Reporting client
Comment présenter les données CWV à des interlocuteurs non techniques. Traduire les métriques en résultats business qui intéressent vraiment vos clients.
Cadrage et tarification
Comment cadrer un audit de performance, estimer les heures avec précision et tarifer la prestation. Ce qu’il faut inclure, ce qu’il faut exclure et comment définir les attentes.
CoreDash pour le suivi client
Mettez en place le Real User Monitoring pour chaque client. Suivez leurs Core Web Vitals en continu. Utilisez les données pour identifier de nouvelles opportunités d’optimisation et démontrer la valeur ajoutée de votre accompagnement.
9 heures. 3 sessions. Vos vrais problèmes.
Chaque session dure 3 heures. Nous les planifions généralement sur 1 à 2 semaines pour que votre équipe ait le temps d’assimiler le contenu et d’expérimenter entre les sessions.
Chaque session suit la même structure :
2 heures : théorie et concepts
Plongeon approfondi dans le fonctionnement interne du navigateur, la mécanique des métriques et les techniques de diagnostic. J’explique le pourquoi, pas seulement le quoi.
1 heure : vos cas réels
Nous ouvrons votre site dans Chrome DevTools et appliquons ce que nous venons de couvrir. Vos tickets de performance en cours, vos régressions réelles, vos problèmes spécifiques liés aux scripts tiers. Nous les résolvons en direct.
C’est un hybride entre formation et conseil. Votre équipe acquiert les compétences pendant que nous résolvons simultanément de vrais problèmes sur votre site.
des équipes chez eBay, Adevinta, KPN et DPG Media.
Client Success
Don't just take my word for it
Senior Frontend Dev, Jamie Oliver Group
"After this training we finally understand exactly why our INP scores were failing and knew precisely which interaction costs to cut."
Lead Engineer, DPG Media
"Arjen simplifies the most complicated performance issues and he is really passionate about it. It makes learning the hard stuff actually enjoyable."
Engineering Lead, Loop
"It's amazing how simple Arjen can make LCP optimization sound. We applied his framework and saw our metrics improve by 40% within a single week."
Tarif forfaitaire. Nombre de participants illimité.
Je facture par équipe, pas par personne. Amenez toute votre équipe frontend. Invitez vos ingénieurs QA. Faites participer votre lead technique. Plus il y a de monde, plus vite la performance s’ancre dans votre culture.
Rendez votre équipe autonome
Transformez la performance en chiffre d’affaires
Tous les prix sont hors TVA. Les sessions sont dispensées en ligne via Google Meet. Votre outil préféré (Zoom, Teams) fonctionne aussi.
Après la formation
Votre équipe gérera 90 % des problèmes de performance de manière autonome. Pour les 10 % restants, les cas complexes où vous avez besoin d’un regard extérieur, deux options existent.
Sessions à la demande à 150 €/h. Réservez 2 heures quand votre équipe bloque sur un problème précis. Je diagnostique, on corrige, ils déploient. La plupart des équipes réservent une ou deux sessions par trimestre après la formation.
Conseil complet à partir de 15 000 €. Si la formation révèle des problèmes architecturaux plus profonds que ce que votre équipe peut gérer seule, je m’intègre pendant 2 à 6 semaines et nous reconstruisons l’infrastructure de performance ensemble.
Beaucoup de mes missions de conseil les plus importantes ont commencé par une formation. L’équipe a appris les fondamentaux, identifié l’ampleur réelle du problème, et est revenue avec le cahier des charges complet.
Formation
Développez la compétence. Votre équipe devient autonome.
À la demande
150 €/h. Quand vous avez besoin d’un expert sur un problème précis.
Conseil complet
À partir de 15 000 €. Je m’intègre à votre équipe et transforme la plateforme.
Réservez une formation pour votre équipe
Parlez-moi de votre équipe, de votre stack technique et des défis de performance que vous rencontrez. J’adapterai le programme à votre situation spécifique et proposerai un calendrier compatible avec votre cycle de sprints.
Réserver une formationCréneaux disponibles sous 2 semaines. Aucun engagement tant que nous n’avons pas défini le périmètre.
Questions fréquentes
Des réponses directes sur le contenu, la profondeur, la logistique et ce que votre équipe en retire.
Périmètre technique
Cette formation est-elle pour les débutants ?
Non. Vos développeurs doivent avoir une compréhension de base de JavaScript et du développement web. Nous sautons les fondamentaux pour aller directement dans la mécanique du navigateur, le profilage de performance et le travail de diagnostic réel. Si votre équipe sait ouvrir DevTools mais ne sait pas comment interpréter un flame chart, c’est le bon niveau.
La formation est-elle centrée sur des frameworks comme React ou Next.js ?
Je me concentre sur le navigateur. Le moteur de rendu applique les mêmes règles, que vous utilisiez React, Angular, Vue, Next.js, Nuxt, Magento, Shopify ou du HTML pur. Cela dit, comme nous travaillons sur votre site réel, la formation couvre naturellement les patterns spécifiques au framework qui affectent votre performance. Si votre stratégie d’hydratation est le goulot d’étranglement, c’est ce que nous déboguons ensemble.
L’INP est-il couvert en profondeur ?
Oui. L’INP est le sujet sur lequel la plupart des équipes éprouvent des difficultés. Nous consacrons un temps dédié à la décomposition du thread principal, de la boucle d’événements, du délai d’input, du temps de traitement et du délai de présentation. Vos développeurs apprennent à identifier les long tasks, à tracer les données d’attribution LoAF et à découper l’exécution JavaScript lourde pour maintenir la réactivité des interactions.
La gestion des scripts tiers est-elle abordée ?
Oui. Vous ne pouvez pas simplement supprimer vos tags marketing. J’enseigne à votre équipe comment les gouverner : stratégies de chargement, timing d’exécution, patterns de yield pour les gestionnaires de tags, et comment quantifier le coût en performance de chaque script afin de prendre des décisions éclairées sur ce qui reste et ce qui part.
Format et logistique
Travaillerons-nous sur notre vrai site web ?
Oui. Chaque session réserve 1 heure pour du débogage en direct sur votre environnement de production ou de staging. Nous prenons vos tickets de performance en cours, les régressions que votre équipe poursuit, et les résolvons en direct avec les techniques que nous venons de couvrir. C’est un hybride entre formation et conseil. Votre équipe acquiert les compétences pendant que nous résolvons simultanément de vrais problèmes.
Combien de personnes peuvent participer ?
Pas de limite de participants. La tarification est par équipe, pas par personne. Invitez toute votre équipe frontend, vos ingénieurs QA, votre lead technique. Plus il y a de participants, plus vite la performance s’intègre à votre workflow. Pour les groupes de plus de 20 personnes, nous pourrons ajuster légèrement le format pour maintenir l’interactivité des sessions.
Quel est le planning ?
Trois sessions de 3 heures chacune. Nous les planifions généralement sur 1 à 2 semaines pour que votre équipe puisse assimiler le contenu et expérimenter entre les sessions. Je suis flexible sur les horaires. Nous trouvons des créneaux compatibles avec votre cycle de sprints.
Fournissez-vous un enregistrement ?
Oui. Vous recevez l’enregistrement complet de chaque session et le support de présentation. Votre équipe peut revoir les techniques de profilage et la mécanique du navigateur à son rythme. Les développeurs qui n’ont pas pu assister peuvent regarder l’enregistrement et suivre le cours.
Parcours agence
Qu’est-ce qui différencie le parcours agence ?
Le parcours agence inclut tout ce qui est dans la formation équipe technique, plus trois modules supplémentaires : comment présenter les résultats Core Web Vitals à des clients non techniques, comment cadrer et tarifer les audits de performance, et comment configurer CoreDash pour le suivi client continu. L’objectif est que votre agence reparte avec un nouveau service facturable, pas seulement des connaissances techniques.
Utilisons-nous un vrai site client pendant la formation ?
Oui. Choisissez le site client que votre équipe connaît le mieux. Nous l’utilisons pour les parties de débogage en direct. À la fin de la formation, votre équipe aura diagnostiqué de vrais problèmes de performance sur un site client et disposera d’une feuille de route d’optimisation concrète à livrer.
