Votre code. Vos données. Votre équipe.
Je forme les équipes techniques et les agences à identifier et corriger les problèmes de Core Web Vitals de manière autonome. Pas de présentations 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.
Me contacterVoir les programmesChoisissez votre voie
Les deux programmes partagent la même base technique. La différence réside dans ce que votre équipe en fera ensuite.
Formation pour équipe technique
Vos développeurs apprennent à diagnostiquer et corriger les Core Web Vitals sur votre plateforme. Après la formation, votre équipe gère la performance de manière autonome. Aucune dépendance continue envers moi.
Formation pour agences
Votre équipe apprend à livrer des audits et des optimisations Core Web Vitals pour vos clients. Transformez la performance en un service facturable au lieu de l'externaliser.
Une question qui revient à chaque fois.
« Nous avons regardé les vidéos YouTube. Nous avons lu la documentation web.dev. Pourquoi nos scores sont-ils toujours dans le rouge ? »
Parce que les conseils génériques ne s'appliquent pas à votre architecture spécifique. Votre stack de scripts tiers, l'hydratation de votre framework, votre configuration publicitaire, votre pipeline d'images. Ces éléments vous sont propres. Une vidéo ne peut pas ouvrir Chrome DevTools sur votre site de production et montrer à vos développeurs d'où viennent exactement les 400 ms de délai d'interaction. Moi si.
Ce que couvre chaque session
Le programme de base est commun aux deux parcours. La formation pour agences ajoute des modules sur la livraison client, le reporting et la vente de services de performance.
Mécanismes internes du navigateur
Comment le navigateur analyse le HTML, construit le DOM, calcule les styles, positionne les éléments et peint les pixels. Vous comprenez la machine pour maîtriser les métriques. C'est la fondation sur laquelle tout le reste repose.
Core Web Vitals avancés
Au-delà des définitions. Les sous-parties du LCP, les phases de l'INP (délai d'entrée, traitement, délai de présentation), les fenêtres de session du CLS. Vous apprenez à lire les données CrUX, à les comparer aux lab data, et à comprendre pourquoi elles diffèrent. Des cas réels issus de vrais sites, incluant des travaux clients présentés sur web.dev.
Maîtrise du profiler de performance
Chrome DevTools est votre outil de diagnostic le plus puissant. 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 profiler à ce que vivent vos utilisateurs sur le terrain.
Stratégie d'architecture
Gouvernance des scripts tiers, stratégies d'hydratation, priorisation des ressources, budgets de performance dans la CI/CD. Vous apprenez à maintenir la performance à grande échelle et à prévenir les régressions après chaque déploiement.
Modules exclusifs à la formation pour agences
Reporting client
Comment présenter les données CWV aux parties prenantes non techniques. Traduire les métriques en résultats commerciaux qui intéressent vraiment vos clients.
Cadrage et tarification
Comment cadrer un audit de performance, estimer les heures avec précision et tarifer le travail. Ce qu'il faut inclure, ce qu'il faut exclure, et comment définir les attentes.
CoreDash pour le suivi client
Configurez 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 continue.
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'essayer des choses entre les sessions.
Chaque session suit la même structure :
2 heures : Théorie et concepts
Plongée dans les mécanismes internes du navigateur, la mécanique des métriques et les techniques de diagnostic. J'explique le pourquoi, pas seulement le comment.
1 heure : Vos cas réels
Nous ouvrons votre site dans Chrome DevTools et appliquons ce que nous venons de voir. Vos tickets de performance actuels, vos régressions réelles, vos problèmes spécifiques liés aux tiers. Nous les résolvons en direct.
C'est un hybride entre formation et conseil. Votre équipe acquiert les compétences pendant que nous corrigeons simultanément de vrais problèmes sur votre site.
des équipes chez eBay, Adevinta, KPN et DPG Media.
What clients say
DPG Media
"Arjen can explain the most complicated performance problems, and you can tell he loves this stuff. It made learning the hard parts fun."
Ashkan Malekloo
Loop
"Arjen somehow makes LCP optimization sound simple. We used his approach and our metrics were 40% better within a week."
Nathan Ziarczyk
Jamie Oliver Group
"After the training we finally understood why our INP was failing, and which interactions we had to make cheaper."
Nicole Keep
Tarif fixe. Pas de limite de participants.
Je facture par équipe, pas par personne. Amenez toute votre équipe frontend. Invitez vos ingénieurs QA. Laissez votre tech lead assister. Plus il y a de monde dans la pièce, plus vite la performance s'intègre à votre culture.
Rendez votre équipe autonome
Transformez la performance en revenus
Tous les prix sont hors taxes. Les sessions se font 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 particuliers complexes où vous avez besoin d'un autre regard, deux options existent.
Sessions sur demande à 150 €/h. Réservez 2 heures quand votre équipe bloque sur un point spécifique. Je diagnostique, nous corrigeons, 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 trop profonds pour que votre équipe les gère seule, je m'intègre 2 à 6 semaines et nous reconstruisons l'infrastructure de performance ensemble.
Beaucoup de mes plus grandes missions de conseil ont commencé par une formation. L'équipe a appris les bases, identifié la véritable ampleur du problème et est revenue avec un brief complet.
Formation
Développez la compétence. Votre équipe devient autonome.
Sur demande
150 €/h. Quand vous avez besoin de l'œil d'un expert sur un problème spécifique.
Conseil complet
À partir de 15 000 €. Je m'intègre à votre équipe et transforme la plateforme.
Réservez la 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 qui s'intègre à vos sprints.
Me contacterPlanification actuelle des sessions sous 2 semaines. Aucun engagement avant accord sur le périmètre.
Foire aux questions
Questions fréquentes avant de réserver concernant le périmètre, le niveau technique, 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 passons les bases et entrons directement dans la mécanique du navigateur, le profiling de performance et le travail de diagnostic réel. Si votre équipe sait déjà ouvrir DevTools mais pas interpréter un flame chart, c'est le bon niveau.
Vous concentrez-vous sur des frameworks spécifiques 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 natif. Cela dit, comme nous travaillons sur votre site, la formation couvre naturellement les patterns spécifiques au framework qui affectent vos performances. Si votre stratégie d'hydratation est le goulot d'étranglement, c'est ce que nous déboguons ensemble.
Couvrez-vous l'INP en profondeur ?
Oui. L'INP est la métrique sur laquelle la plupart des équipes bloquent. Nous passons du temps à décortiquer le main thread, la boucle d'événements, le délai d'entrée, le temps de traitement et le 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 garder des interactions réactives.
Abordez-vous la gestion des scripts tiers ?
Oui. Vous ne pouvez pas simplement supprimer vos tags marketing. J'apprends à votre équipe à les gouverner : stratégies de chargement, timing d'exécution, patterns de yield pour les gestionnaires de tags, et comment quantifier le coût de performance de chaque script pour prendre des décisions éclairées sur ce qui reste et ce qui part.
Format et logistique
Travaillerons-nous sur notre vrai site ?
Oui. Chaque session réserve 1 heure pour le débogage en direct sur votre environnement de production ou de staging. Nous prenons vos tickets de performance actuels, les régressions que votre équipe traque, et nous les résolvons en direct avec les techniques que nous venons de voir. C'est un hybride entre formation et conseil. Votre équipe acquiert les compétences pendant que nous corrigeons simultanément de vrais problèmes.
Combien de personnes peuvent participer ?
Pas de limite de participants. Le tarif est par équipe, pas par personne. Invitez toute votre équipe frontend, vos ingénieurs QA, votre tech lead. Plus il y a de participants, plus vite la performance s'intègre à votre processus de travail. Pour les groupes de plus de 20 personnes, nous ajustons légèrement le format pour garder les sessions interactives.
Quel est le calendrier ?
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 vos cycles de sprint.
Fournissez-vous un enregistrement ?
Oui. Vous obtenez l'enregistrement complet de chaque session et la présentation. Votre équipe peut revoir les techniques de profiling et la mécanique du navigateur à son rythme. Les développeurs qui n'ont pas pu assister peuvent regarder l'enregistrement et suivre le déroulé.
Programme pour agences
Quelle est la différence du programme pour agences ?
Le programme pour agences inclut tout le contenu de la formation pour équipe technique, plus trois modules supplémentaires : comment présenter les résultats Core Web Vitals aux 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 aura une feuille de route d'optimisation concrète à livrer.