Privates Team-Training

Ihre Codebase. Ihre Daten. Ihr Team.

Ich trainiere Engineering-Teams und Agenturen darin, Core Web Vitals-Probleme eigenständig zu finden und zu beheben. Keine generischen Slides. Keine vorab aufgezeichneten Videos. Live-Sessions auf Ihrer tatsächlichen Produktionsseite, unter Verwendung Ihrer echten Performance-Daten.

Für Ihr Team buchenDie Tracks ansehen

Teams, die ich trainiere.

vpnadevintamarktplaatsfotocasadpg mediaerasmusmchappyhorizoncomparewhowhatwearebaymonarchkpnperionsnvnina carealeteiasaturnworkivaloopearplugsmy work featured on web.devharvardnestle
Zwei Tracks

Wählen Sie Ihren Weg

Beide Tracks teilen die gleiche technische Basis. Der Unterschied liegt darin, was Ihr Team im Anschluss damit macht.

Für Produktunternehmen €4.500

Engineering-Team Training

Ihre Entwickler lernen, Core Web Vitals auf Ihrer eigenen Plattform zu diagnostizieren und zu beheben. Nach dem Training managt Ihr Team die Performance eigenständig. Keine dauerhafte Abhängigkeit von mir.

9 Stunden in 3 Sessions
Live-Debugging auf Ihrer Produktionsseite
Festpreis. Keine Teilnehmerbegrenzung.
Aufzeichnung und Materialien inklusive

Team-Training buchen

Für Digitalagenturen €4.500

Agentur-Training

Ihr Team lernt, Core Web Vitals Audits und Optimierungen für Ihre Kunden anzubieten. Verwandeln Sie Performance in eine abrechenbare Dienstleistung, statt sie extern zu vergeben.

9 Stunden in 3 Sessions
Kunden-Reporting und Audit-Scoping
CoreDash Setup für Kunden-Monitoring
Preisfindung und Verkauf von Performance-Services

Agentur-Training buchen

Eine Frage, die jedes Mal aufkommt.

„Wir haben die YouTube-Videos gesehen. Wir haben die web.dev-Docs gelesen. Warum sind unsere Scores immer noch rot?“

Weil generische Ratschläge nicht auf Ihre spezifische Architektur übertragbar sind. Ihr Drittanbieter-Stack, Ihre Framework-Hydrierung, Ihr Anzeigen-Setup, Ihre Bild-Pipeline. Diese sind einzigartig für Sie. Ein Video kann nicht die Chrome DevTools auf Ihrer Produktionsseite öffnen und Ihren Entwicklern exakt zeigen, woher die 400ms Input Delay kommen. Ich kann es.

Das Curriculum

Was jede Session abdeckt

Das Kerncurriculum wird in beiden Tracks geteilt. Das Agentur-Training ergänzt Module zur Projektabwicklung beim Kunden, Reporting und zum Verkauf von Performance-Dienstleistungen.

Browser-Internals

Wie der Browser HTML parst, den DOM aufbaut, Styles berechnet, Elemente anordnet und Pixel zeichnet. Sie müssen die Maschine verstehen, um die Metriken zu beherrschen. Dies ist das Fundament, auf dem alles andere aufbaut.

Fortgeschrittene Core Web Vitals

Jenseits der Definitionen. LCP-Subparts, INP-Phasen (Input Delay, Processing, Presentation Delay), CLS-Session-Windows. Sie lernen CrUX-Daten zu lesen, sie mit Lab-Ergebnissen zu vergleichen und zu verstehen, warum sie voneinander abweichen.

Performance Profiler Mastery

Chrome DevTools ist das mächtigste Diagnosetool, das Sie haben. Sie lernen, Flame Charts zu lesen, Long Tasks zu tracen, LoAF-Attributionsdaten zu identifizieren und das, was Sie im Profiler sehen, mit der Nutzererfahrung im Feld zu verknüpfen.

Architekturstrategie

Drittanbieter-Governance, Hydrierungsstrategien, Ressourcen-Priorisierung, Performance-Budgets in CI/CD. Sie lernen, Performance skalierbar zu halten und Regressionen nach jedem Deploy zu verhindern.

Agentur-Track Bonus

Exklusive Module für das Agentur-Training

Kunden-Reporting

Wie man CWV-Daten für nicht-technische Stakeholder aufbereitet. Metriken in Business-Outcomes übersetzen, die für Ihre Kunden wirklich zählen.

Scoping und Pricing

Wie man ein Performance-Audit scoped, Stunden präzise schätzt und die Arbeit bepreist. Was inkludiert wird, was exkludiert wird und wie man Erwartungshaltungen managt.

CoreDash für Kunden-Monitoring

Richten Sie Real User Monitoring für jeden Kunden ein. Verfolgen Sie deren Core Web Vitals kontinuierlich. Nutzen Sie die Daten, um neue Optimierungspotenziale zu identifizieren und laufenden Mehrwert zu beweisen.

Das Format

9 Stunden. 3 Sessions. Ihre realen Probleme.

Jede Session dauert 3 Stunden. Üblicherweise planen wir diese über 1 bis 2 Wochen, damit Ihr Team Zeit hat, das Gelernte zu verarbeiten und zwischen den Sessions Dinge auszuprobieren.

Jede Session folgt der gleichen Struktur:

2 Stunden: Theorie und Konzepte

Deep-Dive in Browser-Internals, Metrik-Mechaniken und Diagnosetechniken. Ich erkläre nicht nur das Was, sondern das Warum.

1 Stunde: Ihre realen Fälle

Wir öffnen Ihre Seite in den Chrome DevTools und wenden das soeben Gelernte an. Ihre aktuellen Performance-Tickets, Ihre tatsächlichen Regressionen, Ihre spezifischen Drittanbieter-Probleme. Wir lösen sie live.

Dies ist ein Hybrid aus Training und Beratung. Ihr Team lernt die Skills, während wir gleichzeitig reale Probleme auf Ihrer Seite beheben.

Arjen Karel bei einem Core Web Vitals Training
Arjen Karel
Arjen Karel
17 Jahre Web-Performance. Ich habe Teams
bei eBay, Adevinta, KPN und DPG Media trainiert.

Client Success

Don't just take my word for it

Pricing

Festpreis. Keine Teilnehmerbegrenzung.

Ich berechne pro Team, nicht pro Person. Bringen Sie Ihr gesamtes Frontend-Team mit. Laden Sie Ihre QA-Ingenieure ein. Lassen Sie Ihren Tech-Lead teilnehmen. Je mehr Leute im Raum sind, desto schneller wird Performance Teil Ihrer Unternehmenskultur.

Engineering-Team €4.500

Machen Sie Ihr Team autark

9 Stunden (3 × 3h Sessions)
Vollständiges Kerncurriculum
Live-Debugging auf Ihrer Seite
Aufzeichnung und Slide-Deck
Keine Teilnehmerbegrenzung

Team-Training buchen

Agentur €4.500

Performance in Umsatz verwandeln

Alles aus dem Team-Training
Modul Kunden-Reporting
Audit-Scoping und Preisfindung
CoreDash Setup für Kunden-Monitoring
Keine Teilnehmerbegrenzung

Agentur-Training buchen

Alle Preise verstehen sich exklusive MwSt. Die Sessions werden online via Google Meet durchgeführt. Ihr bevorzugtes Tool (Zoom, Teams) funktioniert ebenfalls.

Nach dem Training

Ihr Team wird 90% der Performance-Probleme eigenständig lösen. Für die übrigen 10% – die komplexen Grenzfälle, bei denen man ein zweites Paar Augen braucht – gibt es zwei Optionen.

On-Call Sessions für €150/Std. Buchen Sie 2 Stunden, wenn Ihr Team bei einem spezifischen Thema nicht weiterkommt. Ich diagnostiziere, wir fixen, sie liefern aus. Die meisten Teams buchen nach dem Training eine oder zwei Sessions pro Quartal.

Full Consultancy ab €15.000. Falls das Training architektonische Probleme aufdeckt, die tiefer gehen, als Ihr Team alleine bewältigen kann, schließe ich mich für 2 bis 6 Wochen an und wir bauen die Performance-Infrastruktur gemeinsam neu auf.

Viele meiner größten Beratungsprojekte begannen als Training. Das Team lernte die Grundlagen, identifizierte den tatsächlichen Umfang des Problems und kam mit dem vollständigen Briefing zurück.

Training

Bauen Sie die Fähigkeiten auf. Ihr Team wird autark.

On-Call

€150/Std. Wenn Sie Expertenhilfe für ein spezifisches Problem benötigen.

Full Consultancy

Ab €15.000. Ich integriere mich in Ihr Team und transformiere die Plattform.

Training für Ihr Team buchen

Erzählen Sie mir von Ihrem Team, Ihrem Stack und den Performance-Herausforderungen, vor denen Sie stehen. Ich werde das Curriculum auf Ihre spezifische Situation zuschneiden und einen Zeitplan vorschlagen, der in Ihren Sprint-Zyklus passt.

Training buchen

Aktuell Planung von Sessions innerhalb von 2 Wochen. Keine Verpflichtung, bis wir uns auf den Scope geeinigt haben.

Training

Häufig gestellte Fragen

Klare Antworten zu Scope, Tiefe, Logistik und dem Outcome für Ihr Team.

Technischer Umfang

Ist dieses Training für Anfänger geeignet?

Nein. Ihre Entwickler benötigen ein grundlegendes Verständnis von JavaScript und Webentwicklung. Wir überspringen die Grundlagen und gehen direkt in die Browser-Mechanik, das Performance-Profiling und die reale Diagnosearbeit. Wenn Ihr Team bereits weiß, wie man DevTools öffnet, aber nicht, wie man ein Flame Chart interpretiert, ist dies das richtige Level.

Konzentrieren Sie sich auf spezifische Frameworks wie React oder Next.js?

Ich konzentriere mich auf den Browser. Die Rendering-Engine wendet die gleichen Regeln an, unabhängig davon, ob Sie React, Angular, Vue, Next.js, Nuxt, Magento, Shopify oder Vanilla HTML verwenden. Da wir jedoch an Ihrer tatsächlichen Seite arbeiten, deckt das Training natürlich die framework-spezifischen Muster ab, die Ihre Performance beeinflussen. Wenn Ihre Hydrierungsstrategie der Flaschenhals ist, werden wir genau das gemeinsam debuggen.

Behandeln Sie INP im Detail?

Ja. INP ist der Bereich, in dem die meisten Teams kämpfen. Wir nehmen uns gezielt Zeit, um den Main Thread, den Event Loop, Input Delay, Processing Time und Presentation Delay zu sezieren. Ihre Entwickler lernen, Long Tasks zu identifizieren, LoAF-Attributionsdaten zu tracen und umfangreiche JavaScript-Ausführungen aufzubrechen, um Interaktionen responsiv zu halten.

Behandeln Sie das Management von Drittanbieter-Skripten?

Ja. Sie können Ihre Marketing-Tags nicht einfach löschen. Ich bringe Ihrem Team bei, wie man sie steuert: Ladestrategien, Ausführungszeitpunkte, Yield-Muster für Tag Manager und wie man die Performance-Kosten jedes Skripts quantifiziert, damit Sie fundierte Entscheidungen darüber treffen können, was bleibt und was geht.

Format und Logistik

Werden wir an unserer tatsächlichen Website arbeiten?

Ja. In jeder Session ist 1 Stunde für Live-Debugging in Ihrer Produktions- oder Staging-Umgebung reserviert. Wir nehmen Ihre aktuellen Performance-Tickets, die Regressionen, denen Ihr Team hinterherjagt, und lösen sie live mit den Techniken, die wir gerade besprochen haben. Dies ist ein Hybrid aus Training und Beratung. Ihr Team lernt die Skills, während wir gleichzeitig reale Probleme lösen.

Wie viele Personen können teilnehmen?

Keine Teilnehmerbegrenzung. Die Preisgestaltung erfolgt pro Team, nicht pro Person. Laden Sie Ihr gesamtes Frontend-Team ein, Ihre QA-Ingenieure, Ihren Tech-Lead. Je mehr Personen teilnehmen, desto schneller wird Performance in Ihren Workflow integriert. Bei Gruppen über 20 Personen passen wir das Format eventuell leicht an, um die Sessions interaktiv zu halten.

Wie sieht der Zeitplan aus?

Drei Sessions zu je 3 Stunden. Üblicherweise planen wir diese über 1 bis 2 Wochen verteilt, damit Ihr Team den Stoff verarbeiten und zwischen den Sessions experimentieren kann. Ich bin zeitlich flexibel. Wir finden Termine, die in Ihren Sprint-Zyklus passen.

Stellen Sie eine Aufzeichnung zur Verfügung?

Ja. Sie erhalten die vollständige Aufzeichnung jeder Session sowie das Slide-Deck. Ihr Team kann die Profiling-Techniken und die Browser-Mechanik im eigenen Tempo wiederholen. Entwickler, die nicht teilnehmen konnten, können sich die Aufzeichnung ansehen und so auf den gleichen Stand kommen.

Agentur-Track

Was unterscheidet den Agentur-Track?

Der Agentur-Track beinhaltet alles aus dem Engineering-Team Training plus drei zusätzliche Module: Wie man Core Web Vitals Ergebnisse nicht-technischen Kunden präsentiert, wie man Performance-Audits scoped und bepreist und wie man CoreDash für fortlaufendes Kunden-Monitoring einrichtet. Ziel ist es, dass Ihre Agentur mit einem neuen abrechenbaren Service nach Hause geht, nicht nur mit technischem Wissen.

Nutzen wir während des Trainings eine echte Kundenseite?

Ja. Wählen Sie die Kundenseite aus, mit der Ihr Team am besten vertraut ist. Wir nutzen diese für die Live-Debugging-Anteile. Am Ende des Trainings wird Ihr Team reale Performance-Probleme auf einer Kundenseite diagnostiziert und eine konkrete Optimierungs-Roadmap zur Auslieferung bereit haben.

PageSpeed & Core Web Vitals TrainingCore Web Vitals PageSpeed & Core Web Vitals Training