Jouw codebase. Jouw data. Jouw team.
Ik train engineering teams en agencies om zelfstandig Core Web Vitals-problemen te vinden en op te lossen. Geen generieke slides. Geen vooraf opgenomen video. Live sessies op je eigen productiesite, met je echte performance-data.
Neem contact opBekijk de tracksKies je pad
Beide tracks delen dezelfde technische basis. Het verschil is wat je team er daarna mee doet.
Training voor engineering teams
Je developers leren Core Web Vitals diagnosticeren en oplossen op je eigen platform. Na de training pakt je team performance zelfstandig aan. Geen blijvende afhankelijkheid van mij.
Training voor agencies
Je team leert Core Web Vitals-audits en -optimalisaties leveren aan je klanten. Maak van performance een declareerbare dienst in plaats van iets dat je uitbesteedt.
Een vraag die elke keer terugkomt.
"We hebben de YouTube-video's bekeken. We hebben de web.dev docs gelezen. Waarom zijn onze scores nog steeds rood?"
Omdat generiek advies niet overdraagbaar is naar jouw specifieke architectuur. Je third-party stack, je framework hydration, je advertentie-setup, je image pipeline. Deze zijn uniek voor jou. Een video kan Chrome DevTools niet openen op je productiesite om je developers exact te tonen waar de 400 ms input delay vandaan komt. Ik wel.
Wat elke sessie behandelt
Het kerncurriculum is gelijk voor beide tracks. De agency training voegt modules toe over oplevering aan klanten, rapportages en de verkoop van performance-diensten.
Browser internals
Hoe de browser HTML parset, de DOM opbouwt, styles berekent, elementen lay-out geeft en pixels paint. Je moet de machine begrijpen om de statistieken te beheersen. Dit is de fundering waar al de rest op bouwt.
Geavanceerde Core Web Vitals
Verder dan definities. LCP-onderdelen, INP-fases (input delay, processing, presentation delay), CLS-sessievensters. Je leert CrUX-data lezen, deze vergelijken met lab data en begrijpen waarom ze verschillen. Echte casussen van echte sites, inclusief klantwerk vermeld op web.dev.
Performance profiler beheersen
Chrome DevTools is de krachtigste diagnostische tool die je hebt. Je leert flame charts lezen, long tasks traceren, LoAF-attributiedata identificeren, en wat je in de profiler ziet koppelen aan wat je gebruikers ervaren in de praktijk.
Architectuurstrategie
Third-party governance, hydration-strategieën, resource-prioritering, performance-budgetten in CI/CD. Je leert performance op schaal behouden en regressie voorkomen na elke deploy.
Exclusieve modules voor de agency training
Klantrapportages
Hoe je CWV-data presenteert aan niet-technische stakeholders. Het vertalen van statistieken naar bedrijfsresultaten waar je klanten daadwerkelijk om geven.
Scoping en prijzen
Hoe je de scope van een performance-audit bepaalt, uren nauwkeurig inschat en het werk prijst. Wat je opneemt, wat je uitsluit en hoe je verwachtingen managet.
CoreDash voor klantmonitoring
Zet Real User Monitoring op voor elke klant. Volg hun Core Web Vitals continu. Gebruik de data om nieuwe optimalisatiekansen te identificeren en doorlopende waarde aan te tonen.
9 uur. 3 sessies. Jouw echte problemen.
Elke sessie duurt 3 uur. Meestal plannen we ze over 1 tot 2 weken, zodat je team tijd heeft om de stof in zich op te nemen en tussen de sessies door dingen uit te proberen.
Elke sessie volgt dezelfde structuur:
2 uur: Theorie en concepten
Deep dive in browser internals, werking van statistieken en diagnostische technieken. Ik leg de waarom uit, niet alleen de wat.
1 uur: Jouw echte cases
We openen je site in Chrome DevTools en passen toe wat we net hebben behandeld. Je huidige performance-tickets, je daadwerkelijke regressies, je specifieke third-party issues. We lossen ze live op.
Dit is een hybride tussen training en consultancy. Je team leert de vaardigheden terwijl we tegelijkertijd echte problemen op je site oplossen.
bij eBay, Adevinta, KPN en 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
Jamie Oliver Group
"After the training we finally understood why our INP was failing, and which interactions we had to make cheaper."
Nicole Keep
Loop
"Arjen somehow makes LCP optimization sound simple. We used his approach and our metrics were 40% better within a week."
Nathan Ziarczyk
Vast tarief. Geen limiet op deelnemers.
Ik hanteer een prijs per team, niet per persoon. Breng je hele frontend-team mee. Nodig je QA-engineers uit. Laat je tech lead aanschuiven. Hoe meer mensen in de ruimte, hoe sneller performance onderdeel wordt van je cultuur.
Maak je team zelfvoorzienend
Zet performance om in omzet
Alle prijzen zijn exclusief btw. Sessies vinden online plaats via Google Meet. Jouw voorkeurstool (Zoom, Teams) kan ook.
Na de training
Je team handelt 90% van de performance-problemen zelfstandig af. Voor de overige 10%, de complexe edge cases waarbij je een tweede blik nodig hebt, zijn er twee opties.
On-call sessies voor €150/u. Boek 2 uur wanneer je team vastloopt op een specifiek probleem. Ik stel de diagnose, we fixen het, zij deployen. De meeste teams boeken één of twee sessies per kwartaal na de training.
Volledige consultancy vanaf €15.000. Als de training architectuurproblemen blootlegt die dieper gaan dan je team alleen aankan, draai ik 2 tot 6 weken mee en bouwen we samen de performance-infrastructuur opnieuw op.
Veel van mijn grootste consultancy-opdrachten begonnen als een training. Het team leerde de basis, identificeerde de ware omvang van het probleem en kwam terug met de volledige briefing.
Training
Bouw de vaardigheid op. Je team wordt zelfvoorzienend.
On-call
€150/u. Wanneer je de blik van een expert nodig hebt op een specifiek probleem.
Volledige consultancy
Vanaf €15.000. Ik draai mee met je team en transformeer het platform.
Boek training voor je team
Vertel me over je team, je stack en de performance-uitdagingen waar jullie tegenaan lopen. Ik pas het curriculum aan op jouw specifieke situatie en stel een planning voor die past bij jullie sprint cycle.
Neem contact opOp dit moment plan ik sessies binnen 2 weken in. Geen verplichtingen totdat we akkoord zijn over de scope.
Veelgestelde vragen
Veelvoorkomende vragen voor het boeken over scope, diepgang, logistiek en wat je team eraan overhoudt.
Technische scope
Is deze training voor beginners?
Nee. Je developers hebben een basisbegrip nodig van JavaScript en webontwikkeling. We slaan de basis over en duiken direct in browser mechanics, performance profiling en echt diagnostisch werk. Als je team al weet hoe ze DevTools openen, maar niet hoe ze een flame chart moeten interpreteren, dan is dit het juiste niveau.
Focus je op specifieke frameworks zoals React of Next.js?
Ik richt me op de browser. De rendering engine past dezelfde regels toe, of je nu React, Angular, Vue, Next.js, Nuxt, Magento, Shopify of vanilla HTML gebruikt. Maar omdat we op je eigen site werken, behandelt de training vanzelfsprekend de framework-specifieke patronen die je performance beïnvloeden. Als jouw hydration-strategie de bottleneck is, dan is dat wat we samen debuggen.
Ga je diep in op INP?
Ja. INP is waar de meeste teams moeite mee hebben. We besteden gericht tijd aan het ontleden van de main thread, de event loop, input delay, processing time en presentation delay. Je developers leren long tasks te identificeren, LoAF-attributiedata te traceren en zware JavaScript-uitvoering op te knippen om interacties responsief te houden.
Behandel je third-party script management?
Ja. Je kunt niet simpelweg je marketingtags verwijderen. Ik leer je team hoe je dit beheert: laadstrategieën, uitvoeringstijd, yield-patronen voor tag managers en hoe je de performance-kosten van ieder script kwantificeert zodat je onderbouwde keuzes maakt over wat blijft en wat verdwijnt.
Format en logistiek
Werken we op onze eigen website?
Ja. Elke sessie reserveert 1 uur voor live debuggen op je productie- of staging-omgeving. We pakken je huidige performance-tickets en de regressies waar je team achteraan zit, en lossen ze live op met de technieken die we zojuist behandeld hebben. Dit is een hybride tussen training en consultancy. Je team leert de vaardigheden terwijl we tegelijkertijd echte problemen fixen.
Hoeveel mensen kunnen er deelnemen?
Geen limiet op deelnemers. De prijs is per team, niet per persoon. Nodig je hele frontend-team uit, je QA-engineers, je tech lead. Hoe meer mensen er meedoen, hoe sneller performance verankerd raakt in jullie workflow. Voor groepen groter dan 20 passen we het format mogelijk iets aan om de sessies interactief te houden.
Wat is de planning?
Drie sessies van elk 3 uur. Meestal plannen we deze over 1 tot 2 weken, zodat je team de stof in zich op kan nemen en kan experimenteren tussen de sessies door. Ik ben flexibel in de planning. We zoeken naar momenten die passen bij jullie sprint cycle.
Krijgen we een opname?
Ja. Je krijgt de volledige opname van elke sessie en het slide deck. Je team kan de profiling-technieken en browser mechanics op hun eigen tempo terugkijken. Developers die er niet bij konden zijn, kunnen de opname bekijken en zo toch aanhaken.
Agency track
Wat maakt de agency track anders?
De agency track bevat alles uit de training voor engineering teams, plus drie extra modules: hoe je Core Web Vitals-resultaten presenteert aan niet-technische klanten, hoe je de scope en prijs van performance-audits bepaalt, en hoe je CoreDash instelt voor doorlopende klantmonitoring. Het doel is dat jouw agency naar buiten stapt met een nieuwe declareerbare dienst, niet alleen met technische kennis.
Gebruiken we een echte klantsite tijdens de training?
Ja. Kies de klantsite waar je team het meest bekend mee is. Deze gebruiken we voor de live debug-onderdelen. Aan het eind van de training heeft je team echte performance-problemen gediagnosticeerd op een klantsite en heb je een concrete optimalisatie-roadmap om op te leveren.