Core Web Vitals training
Twee uur met je webteam, op je eigen pagina's. Vaste prijs, onbeperkt aantal deelnemers.
Hoe een masterclass met mij eruitziet
Een masterclass leert je team het probleem te vinden. Onderweg zien we op je site meestal een of twee dingen die je developers dezelfde week nog kunnen oppakken. Wil je liever dat elke fix voor je wordt uitgeschreven, dan is dat een audit.
-
Gebouwd rond je site en je eigen cases
Stuur me je URL, de pagina's waar je team het meest aan werkt en de problemen waar ze op vastlopen. Ik bekijk de p75 voor LCP, INP en CLS op mobiel, welke paginagroep Search Console markeert en de trend over de afgelopen maanden. Daarna neem ik traces op van die pagina's. Dat kost me ongeveer een halve dag.
-
Twee uur met je team
In het eerste uur leg ik aan de hand van de opgenomen traces uit hoe de browser je pagina's laadt en een tik afhandelt. Daarna deelt een van je developers het scherm en zit aan het stuur, en vertel ik waar die moet klikken. Nodig iedereen uit die aan de site bouwt. Beheert iemand anders de tag manager, laat die dan ook aanschuiven.
-
De opname en de notities
Je houdt de opname en de slides. Binnen een paar dagen krijg je ook notities over wat we vonden, het belangrijkste eerst. Wie de sessie heeft gemist, is daarmee zo weer bij.
-
Een follow-up, een maand later
Optioneel. Tegen die tijd heeft je team het zelf geprobeerd en weten ze waar ze vastlopen. Ze nemen hun traces mee en bepalen de agenda voor nog eens twee uur.
Wat je developers kunnen na de training
- Field data
Lees de cijfers waar Google naar kijkt
Lighthouse zegt 95, Search Console zegt onvoldoende. Lighthouse is één gesimuleerde telefoon bij één keer laden. Google kijkt naar je echte bezoekers op p75, en op mobiel. Je team leert beide te lezen, en welke PageSpeed Insights-audits de field data niet in beweging krijgen. Use efficient cache lifetimes toont vaak Google's eigen tag-scripts, en niemand kan die cache-headers aanpassen.
- LCP
Achterhaal waarom het LCP-element te laat verschijnt
We zoeken de LCP-marker in het Performance-paneel en lopen terug naar het request. De subonderdelen laten zien of de browser de afbeelding te laat vond, langzaam laadde, of al binnen had en toch niet painte. Werd hij te laat gevonden, dan is het meestal een CSS-background of een sliderscript dat hem toevoegt, en dat win je niet terug door de afbeelding te comprimeren.
- INP
Wijs het script aan achter een trage interactie
"INP issue: longer than 200ms (mobile)" staat al maanden in Search Console, en de trace toont een call stack vol geminifiede functienamen. We pakken één trage interactie en splitsen die op in input delay, processing en presentation. Long Animation Frames wijzen het script aan. Vaak is het een click handler die de halve pagina opnieuw rendert, of een analytics-event dat draait voor de volgende paint.
- CLS
Vind waar een layout shift begint
Een layout shift is een element op de pagina dat beweegt op een moment dat niemand het verwacht. Het element dat bewoog, is zelden de oorzaak. Iets anders bracht het in beweging: een afbeelding zonder width en height, een script dat erboven content toevoegt, of een webfont dat wisselt.
- Third parties
Koppel een getal aan elke tag
Je developers beheren de tag manager niet, waardoor elke nieuwe pixel zonder ticket op de pagina belandt. Je team leert elke pixel door te meten: in een trace én in de INP van je echte bezoekers. Met dat getal stap je naar marketing.
- Releases
Controleer een release de dag erna
Na een deploy liep de LCP langzaam op en niemand had het door tot de mail van Search Console binnenkwam. Search Console toont de afgelopen 28 dagen, dus tegen die tijd is de release die het veroorzaakte al weken oud. RUM laat het de volgende dag al zien, in CoreDash of wat je nu al gebruikt.
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
Wat kost een Core Web Vitals-training?
€1.500 voor de masterclass, vast, voor het hele team. Vijf developers of vijftien, dezelfde prijs. De follow-up kost €750 voor nog eens twee uur. Er is minder voorbereiding nodig, dus het zit rond het uurtarief van een power hour.
- Mij, en 17 jaar ervaring met het lezen van traces
- Je p75 op mobiel gecheckt voor we beginnen
- Onbeperkt aantal deelnemers
- Een van je developers achter het toetsenbord in het tweede uur
- De opname, de slides en de notities
Twee uur, je hele team
Inclusief voorbereiding.
€1.500 excl. btwfollow-up €750
Boek een masterclass
Stuur me je URL en kort iets over je team.
-
Vertel over je team
Hoeveel mensen, waar je mee bouwt en welk probleem steeds terugkomt. Speelt er een deadline, zoals een grote release of Black Friday, meld dat dan.
-
We prikken een datum
Binnen een dag reageer ik met een paar opties. Ik heb ongeveer een week nodig om me voor te bereiden, dus de eerste optie is meestal over een week of twee.
-
Op de dag zelf
Google Meet, Zoom of Teams, net wat je team gebruikt. Zorg dat één developer de site open heeft in Chrome. Die zit in het tweede uur aan het stuur.
Hoe een training bij Speak eruitzag
Een Nederlands digitaal bureau dat sites bouwt voor klanten
Klanten vragen hun bureau voortdurend naar Core Web Vitals: waarom Search Console rood kleurt, of het nieuwe theme het oplost. Speak wilde dat de eigen developers het antwoord paraat hadden. Daarom trainde ik het team op hun eigen klantsites.
Een jaar later mailde Sander Los me: "Dankzij de concepten en suggesties uit de training zijn onze paginasnelheid en user experience flink verbeterd." Zijn team had een webshop van een klant herbouwd met wat ze hadden geleerd.
Voor een bureau wordt performance daarmee werk dat je kunt offreren, en sommige bureaus vragen er meer voor.
Vragen die ik vaak krijg
De masterclass
Wat is een Core Web Vitals-masterclass?
Twee uur training voor je webteam via een videocall, op je eigen pagina's. In het tweede uur neemt je eigen developer zelf de traces op.
Moeten onze developers al verstand hebben van performance?
Nee. Ze moeten HTML, CSS en JavaScript kennen en weleens DevTools hebben geopend. Een Performance-trace leren lezen is wat ik ze bijbreng. Een product owner of marketeer kan het eerste uur prima volgen.
Kun je dat allemaal behandelen in twee uur?
Niet even diep. De metric die op je site faalt krijgt het grootste deel van de twee uur; de rest krijgt genoeg aandacht om te weten waar je moet kijken. Voor INP hoort daar ook het opknippen van werk in een click handler bij met scheduler.yield().
We gebruiken Next.js. Maakt dat uit?
Het maakt de browser niet uit wat de pagina heeft opgebouwd; het werkt hetzelfde voor Next.js, Nuxt, Magento, Shopify of WordPress. En omdat de voorbeelden van je eigen site komen, zit je framework er vanzelf in: hydration die de eerste tik op een Next.js-pagina blokkeert, of een Shopify-app die zijn script op elk template inlaadt.
Je team
Hoeveel mensen kunnen er meedoen?
Zoveel als je wilt. De prijs is per team. Boven de 20 mensen wordt het tweede uur te druk rond één scherm, dus dan bespreken we eerst de vorm.
We zijn een bureau. Werkt dit ook voor ons?
Ja. Kies de klantsite die je team het beste kent, of de site die nu rood kleurt. Krijgt je team een klantsite na de training niet groen, dan is er agency support.
Kun je naar ons kantoor komen?
Ja, plus kilometervergoeding. Online werkt net zo goed, omdat iedereen de trace op zijn eigen scherm ziet.
Prijs en daarna
Wat is het verschil met een audit?
Bij een audit zoek ik de problemen en schrijf ik ze op, waarna je team de fixes bouwt. De masterclass leert ze om de problemen zelf te vinden; dat levert het meeste op voor een team dat nog jaren aan dezelfde site werkt. Komt er een deadline aan, begin dan met de audit.
Kunnen we een langere training boeken?
Ja. Een halve dag, een hele dag, of een reeks met één sessie per metric. Voor alles wat langer duurt dan de masterclass bepalen we vooraf de scope en de prijs.
Is twee uur genoeg?
Om een trace te leren lezen wel. Het oplossen gebeurt daarna in de sprints van je team, en de follow-up is voor waar ze op vastlopen.
Wat als we daarna vastlopen?
Boek de follow-up, of een power hour voor één lastig probleem. Is het groter dan dat, kies dan voor een audit of consultancy.
