Core-Web-Vitals-Training
Zwei Stunden mit deinem Web-Team, an deinen eigenen Seiten. Festpreis, kein Teilnehmerlimit.
So läuft eine Masterclass mit mir ab
In einer Masterclass lernt dein Team, Probleme selbst zu finden. Meistens entdecken wir nebenbei ein, zwei Dinge auf deiner Seite, die deine Entwickler noch in derselben Woche beheben können. Wenn du lieber jeden Fix fertig aufgeschrieben haben willst: Dafür ist das Audit da.
-
Zugeschnitten auf deine Seite und deine Fälle
Schick mir deine URL, die Seiten, an denen dein Team am meisten arbeitet, und die Probleme, an denen ihr festhängt. Ich prüfe den p75 für LCP, INP und CLS auf Mobilgeräten, welche Seitengruppe die Search Console meldet und den Trend der letzten Monate. Danach zeichne ich Traces dieser Seiten auf. Dafür brauche ich etwa einen halben Tag.
-
Zwei Stunden mit deinem Team
In der ersten Stunde erkläre ich anhand der aufgezeichneten Traces, wie der Browser deine Seiten lädt und einen Tap verarbeitet. Danach teilt einer deiner Entwickler den Bildschirm und steuert. Ich sage, wo geklickt wird. Lade alle ein, die an der Seite mitbauen. Wenn jemand anderes den Tag Manager verwaltet, bring ihn auch mit.
-
Die Aufzeichnung und die Notizen
Die Aufzeichnung und die Slides behältst du. Innerhalb weniger Tage bekommst du außerdem Notizen zu allem, was wir gefunden haben – das Wichtigste zuerst. Wer die Session verpasst hat, kann das damit nachholen.
-
Ein Follow-up, einen Monat später
Optional. Bis dahin hat dein Team es selbst ausprobiert und weiß, wo es hakt. Ihr bringt eure Traces mit und bestimmt die Agenda für zwei weitere Stunden.
Was deine Entwickler nach dem Training können
- Field Data
Die Zahlen lesen, auf die Google schaut
Lighthouse sagt 95, die Search Console meldet: nicht bestanden. Lighthouse ist ein simuliertes Smartphone bei einem einzigen Seitenaufruf. Google schaut auf deine echten Besucher beim p75, und zwar mobil. Dein Team lernt, beides zu lesen – und welche Audits in PageSpeed Insights nichts an den Field Data ändern. Use efficient cache lifetimes führt oft Googles eigene Tag-Skripte auf, und deren Cache-Header kann niemand ändern.
- LCP
Herausfinden, warum das LCP-Element zu spät erscheint
Wir finden den LCP-Marker im Performance-Panel und gehen den Weg zurück zum Request. Die Teilbereiche verraten dir, ob der Browser das Bild zu spät gefunden hat, ob er es zu langsam geladen hat oder ob die Datei schon da war und trotzdem noch nicht gerendert wurde. Wurde es zu spät gefunden, liegt es meistens an einem CSS-Hintergrundbild oder einem Slider-Skript – und das holst du mit Bildkomprimierung nicht wieder rein.
- INP
Das Skript hinter einer langsamen Interaktion benennen
„INP issue: longer than 200ms (mobile)“ steht seit Monaten in der Search Console, und der Trace zeigt einen Call-Stack voller minifizierter Funktionsnamen. Wir nehmen eine langsame Interaktion und zerlegen sie in Input Delay, Processing und Presentation. Long Animation Frames benennen das konkrete Skript. Oft ist es ein Click-Handler, der die halbe Seite neu rendert, oder ein Analytics-Event, das vor dem nächsten Paint läuft.
- CLS
Herausfinden, wo ein Layout-Shift beginnt
Ein Layout-Shift passiert, wenn sich ein Element auf der Seite unerwartet verschiebt. Das Element, das sich bewegt hat, ist selten die Ursache. Etwas anderes hat die Verschiebung verursacht: ein Bild ohne width und height, ein Skript, das Inhalte darüber einfügt, oder ein Webfont, der nachgeladen wird.
- Drittanbieter
Jedes Tag mit konkreten Zahlen belegen
Der Tag Manager liegt nicht in der Hand deiner Entwickler – deshalb landet jedes neue Pixel ohne Ticket auf der Seite. Dein Team lernt, jedes einzelne Tag zu messen: im Trace und im INP deiner echten Besucher. Genau diese Zahl nimmst du mit ins Marketing.
- Releases
Ein Release direkt am nächsten Tag prüfen
Der LCP ist nach einem Deploy gestiegen und niemand hat es gemerkt, bis die Search Console eine E-Mail geschickt hat. Die Search Console zeigt die letzten 28 Tage. Das auslösende Release ist dann schon wochenalt. RUM zeigt es direkt am nächsten Tag: in CoreDash oder welchem Tool auch immer ihr bereits nutzt.
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
Was kostet ein Core-Web-Vitals-Training?
1.500 € für die Masterclass, Festpreis für das ganze Team. Fünf Entwickler oder fünfzehn: gleicher Preis. Das Follow-up kostet 750 € für zwei weitere Stunden. Da weniger vorzubereiten ist, entspricht das etwa dem Stundensatz einer Power Hour.
- Mich – und 17 Jahre Erfahrung im Lesen von Traces
- Dein p75 auf Mobilgeräten vorab geprüft
- Kein Teilnehmerlimit
- Einer deiner Entwickler an der Tastatur in der zweiten Stunde
- Die Aufzeichnung, die Slides und die Notizen
Zwei Stunden, dein ganzes Team
Inklusive Vorbereitung.
1.500 € zzgl. MwSt.Follow-up 750 €
Masterclass buchen
Schick mir deine URL und ein paar Worte zu deinem Team.
-
Erzähl mir von deinem Team
Wie viele Leute ihr seid, womit ihr baut und welches Problem euch immer wieder beschäftigt. Wenn es eine Deadline gibt – wie ein großes Release oder Black Friday –, schreib es kurz dazu.
-
Wir finden einen Termin
Ich melde mich innerhalb eines Tages mit ein paar Terminvorschlägen. Für die Vorbereitung brauche ich etwa eine Woche – der früheste Termin liegt also meist in ein oder zwei Wochen.
-
Am Tag des Trainings
Google Meet, Zoom oder Teams – was auch immer dein Team nutzt. Ein Entwickler sollte die Seite in Chrome geöffnet haben: Er steuert in der zweiten Stunde.
So lief das Training bei Speak ab
Eine niederländische Digitalagentur, die Websites für Kunden baut
Kunden fragen ihre Agentur ständig nach den Core Web Vitals: warum die Search Console rot ist, ob das neue Theme das Problem behebt. Speak wollte, dass die eigenen Entwickler die Antworten kennen. Also habe ich das Team direkt an ihren eigenen Kundenseiten geschult.
Ein Jahr später schrieb mir Sander Los: „Dank der Konzepte und Anregungen aus dem Training haben sich unsere Ladezeiten und die User Experience spürbar verbessert.“ Sein Team hatte den Webshop eines Kunden mit dem Gelernten neu gebaut.
Für eine Agentur wird Performance damit zu einer Leistung, die sich anbieten lässt – und manche Agenturen verlangen dafür höhere Preise.
Fragen, die mir oft gestellt werden
Die Masterclass
Was ist eine Core-Web-Vitals-Masterclass?
Zwei Stunden Training für dein Web-Team per Video-Call, an deinen eigenen Seiten. Schon in der zweiten Stunde zeichnet dein eigener Entwickler die Traces auf.
Müssen unsere Entwickler schon Vorwissen zu Performance mitbringen?
Nein. Sie müssen HTML, CSS und JavaScript beherrschen und schon mal die DevTools geöffnet haben. Wie man einen Performance-Trace liest, bringe ich ihnen bei. Ein Product Owner oder Marketer kann der ersten Stunde problemlos folgen.
Schafft man das alles in zwei Stunden?
Nicht alles gleich tief. Die Metrik, die auf deiner Seite fehlschlägt, bekommt den Großteil der zwei Stunden. Beim Rest reicht es, um zu wissen, wo man suchen muss. Beim INP gehört dazu auch, die Arbeit in einem Click-Handler mit scheduler.yield() aufzuteilen.
Wir nutzen Next.js. Spielt das eine Rolle?
Dem Browser ist egal, womit die Seite gebaut wurde. Es funktioniert für Next.js, Nuxt, Magento, Shopify oder WordPress genau gleich. Und weil die Beispiele von deiner eigenen Website stammen, taucht dein Framework direkt darin auf: etwa wenn die Hydration auf einer Next.js-Seite den ersten Tap blockiert oder eine Shopify-App ihr Skript in jedes Template lädt.
Dein Team
Wie viele Personen können teilnehmen?
So viele du möchtest. Der Preis gilt pro Team. Ab 20 Personen wird es in der zweiten Stunde um einen einzigen Bildschirm eng; da stimmen wir das Format vorher kurz ab.
Wir sind eine Agentur. Funktioniert das für uns?
Ja. Wählt die Kundenseite, die euer Team am besten kennt – oder die, die gerade rot ist. Wenn dein Team eine Kundenseite nach dem Training nicht grün bekommt, gibt es dafür den Agentur-Support.
Kommst du auch zu uns ins Büro?
Ja, gegen eine Kilometerpauschale. Online funktioniert genauso gut, weil jeder den Trace auf dem eigenen Bildschirm sieht.
Preise und danach
Reichen zwei Stunden aus?
Um zu lernen, wie man einen Trace liest: ja. Die Optimierungen setzt dein Team danach in den regulären Sprints um. Das Follow-up ist für alles da, wo es noch hakt.
Können wir auch ein längeres Training buchen?
Ja. Einen halben Tag, einen ganzen Tag oder eine Reihe mit einer Session pro Metrik. Für alles, was länger als die Masterclass ist, gibt es vorab einen festen Scope samt Preis.
Wie unterscheidet sich das von einem Audit?
Bei einem Audit finde ich die Probleme und halte sie fest – dein Team baut die Fixes. Die Masterclass bringt ihnen bei, Probleme selbst zu finden. Das zahlt sich besonders für Teams aus, die über Jahre an derselben Seite arbeiten. Wenn eine Deadline drückt: fang mit dem Audit an.
Was ist, wenn wir danach nicht weiterkommen?
Buch das Follow-up oder eine Power Hour für ein einzelnes hartnäckiges Problem. Wenn es größer ist: ein Audit oder Beratung.
