Arjen Karel, Berater für Core Web Vitals
Core Web Vitals Beratung

Ich komme in dein Team und wir machen deine Seite schnell

Ein bis drei Tage pro Woche, Sprint für Sprint, zusammen mit deinen Entwicklern. Ich messe, worauf deine Besucher warten. Wir beheben es genau in dieser Reihenfolge. Wenn ich gehe, weiß dein Team, wie die Seite schnell bleibt. Ab 6.000 € pro Monat.

Arjen KarelWeb-Performance-Berater seit 2009
Some of the teams I've worked with
Nina.care Happy Horizon KPN Erasmus MC SNV Featured on web.dev
So funktioniert es

Wie eine Beratung mit mir abläuft

Wenn ich mit deinen Core Web Vitals beginne, klären wir zuerst, was wir beheben. Dann auditiere ich, schreibe die Tickets, und gemeinsam mit deinen Entwicklern machen wir deine Seite wieder schnell. In einem oder mehreren Sprints.

CoreDash Request-Waterfall für einen echten Seitenaufruf
Ein echter Seitenaufruf in CoreDash: jeder Request, mit markiertem DCL und LCP.
  1. Vollständiges Site-Audit

    Jede Beratung beginnt mit einem vollständigen Audit. Template für Template, abgeglichen mit deinen RUM-Daten beim 75. Perzentil. Danach weiß ich, was jedes Problem verursacht, welche am wichtigsten sind und welche voneinander abhängen.

  2. Priorisierung und Planung

    Manche Fixes bringen viel mehr als andere. Einige zahlen sich erst aus, wenn ein anderer Fix live ist. Es bringt nichts, dein Hero-Bild zu optimieren, wenn ein Skript die ganze Seite blockiert. Und ein kleiner Layout Shift auf einer Seite mit 2 % deines Traffics kann warten.

  3. Tickets und Umsetzung

    Ich schreibe die Tickets in Jira (oder deinem eigenen Ticket-System) und priorisiere sie. In jedem beschreibe ich die Ursache, die Auswirkung und den Fix, mit Code-Beispielen. Deine Entwickler bauen das meiste davon. Bei den schwierigen Sachen arbeite ich im Pair-Programming mit ihnen und mache für jeden Pull Request ein Review.

  4. Kontrolle und Prozessverbesserung

    Ich überwache den Fortschritt durchgehend. Ich prüfe jedes Release gegen seine Baseline in den field data. Wenn ich gehe, kann dein Team ohne mich ein Problem finden, verstehen und den richtigen Fix wählen. Ich richte außerdem Performance-Budgets in eurer CI/CD-Pipeline und Alerts für eure RUM-Daten ein. So erreicht keine Regression eure Besucher unbemerkt.

Preise

Was kostet eine Core Web Vitals Beratung?

Der Preis richtet sich nach dem Tempo, das dein Team bewältigen kann. Aus Erfahrung hält ein Tag pro Woche ein Team von etwa fünf Entwicklern auf Trab: Ich auditiere, schreibe die Tickets und prüfe, was sie bauen. Ein größeres Team, oder ein Team, das sich voll auf Web-Performance konzentriert, braucht mehr Tage.

1 Tag pro Woche

Stetig

Es brennt nicht, aber du bist langsamer als die Konkurrenz und du weißt es.

6.000 €/Monat
2 Tage pro Woche

Fokussiert

Black Friday steht vor der Tür, oder ihr wechselt auf eine neue Plattform. Doppeltes Tempo.

12.000 €/Monat
3 Tage pro Woche

All in

Die Search Console ist rot und das Marketing fragt jede Woche, warum.

18.000 €/Monat

Schneller sein kostet nicht mehr

Drei Monate Stetig kosten 18.000 €. Ein Monat All in kostet auch 18.000 €. Du bist nur früher am Ziel. Die genaue Gesamtsumme steht im Scope, bevor wir anfangen.

3 × 6.000 €Stetig · 3 Monate
=
1 × 18.000 €All in · 1 Monat
Was du bekommst
  • Mich und 17 Jahre Erfahrung, keine Praktikanten oder Junior-Berater
  • Ich auditiere die gesamte Seite, Template für Template
  • Ich schreibe die Tickets in eurem eigenen System, in der richtigen Reihenfolge
  • Ich mache Pair-Programming mit deinen Entwicklern und reviewe ihre Pull Requests
  • Wir prüfen jeden Fix in euren field data
  • Ihr behaltet die Performance-Budgets und Alerts, wenn ich gehe
Retainer · nach der Beratung

Behalt mich bei euch

Die meisten Teams können das danach ohne mich. Wenn ihr das lieber nicht wollt, bekommst du etwa einen Tag meiner Zeit pro Monat. Ich beobachte eure RUM-Daten, sage dir, wenn etwas langsamer wird, und jedes Quartal entscheiden wir, was als Nächstes ansteht.

1.500 €/Monatab, etwa ein Tag pro Monat
Arjen Karel

Der Start braucht deine URL und 20 Minuten

Füll das Formular unten mit deiner Seite aus und beschreibe, was los ist. Es landet direkt in meiner Inbox, nicht bei einem Sales-Team. Wenn wir sprechen, habe ich mir deine Seite bereits angesehen. Wir verbringen diese 20 Minuten mit deiner Seite und deinem Team, nicht mit Slides darüber, wie toll ich bin.

  1. Schick mir deine URL

    Sag mir, was dich stört und ob es eine Deadline gibt. Wie zum Beispiel Black Friday oder eine Migration. Die Deadline bestimmt, wie viele Tage pro Woche wir brauchen. Ich antworte innerhalb eines Tages.

  2. Ich sehe mir das an, wir reden

    Vor dem Call gehe ich deine CrUX-Daten und die wichtigsten Templates durch. Ich weiß also meistens schon, was dich ausbremst, bevor du es mir sagst. Dann sprechen wir 20 Minuten lang: die Hälfte über deine Seite, die Hälfte über dein Team. Ein Fix, der im Backlog feststeckt, macht nichts schneller.

  3. Du bekommst einen Scope und einen Preis

    Wie viele Tage pro Woche, wie lange, und was wir in dieser Zeit beheben. Der detaillierte Plan entsteht aus dem vollständigen Audit, sobald du mich beauftragst. Das Kleingedruckte: Du kannst mich zu jeder Tageszeit feuern. Das hat noch nie jemand getan.

Send me your URL

Beratung · Adevinta

Wie Core Web Vitals Beratung bei Adevinta aussah

Marktplaats, Subito, Fotocasa und Kijiji

4Marktplätze
+27 %Kontakt- und Telefon-Leads bei Fotocasa
100 %der Desktop-Seiten gut beim INP, fast alle mobilen auch
Als Adevinta anrief, rief ich meine Frau an: „Rate mal, wer Marktplaats schneller machen wird?“ Ihre Antwort: „Endlich!“
Kijiji, einer der Adevinta-Marktplätze

Ich habe an vier Marktplätzen von Adevinta in verschiedenen Ländern gearbeitet. Jedes Team hatte einen anderen Stack und stand an einem anderen Punkt. Marktplaats hatte jahrealten Legacy-Code. Subito hatte neuere Technik, aber keinen Prozess für Performance. Was sie gemeinsam hatten, war der Zurück-Button. Besucher springen den ganzen Tag zwischen Suchergebnissen und Anzeigen hin und her. Wenn der bfcache fehlschlägt, lädt jeder Klick auf „Zurück“ die Ergebnisseite neu, die Anzeigen laden erneut und die Seite springt.

Nicht alles davon war Code. Leute gingen, Dokumentationen gingen verloren und niemand war für Performance verantwortlich. Über die vier Marktplätze hinweg habe ich rund 500 Änderungen vorgeschlagen. Die meisten davon sind heute noch live. Und ich habe die Teams geschult, damit ein Fix, den ein Marktplatz gebaut hat, nicht vom nächsten neu erfunden werden musste.

Die Arbeit bei Fotocasa landete auf web.dev: unnötige React-Rerenders, State näher dorthin verschoben, wo er genutzt wird, Analytics aus dem Weg des Klicks geräumt. Ihre Entwickler haben es gebaut. Ich habe die Probleme gefunden, sie priorisiert und jeden Fix überprüft.

Was mich unterscheidet

Langsam aus Versehen, langsam mit Absicht

Die meisten Performance-Tipps behandeln jedes Problem gleich: Hier ist die Liste, arbeite sie ab. Deshalb arbeiten sich so viele Teams monatelang an dieser Liste ab und sehen keine Veränderung. Ich teile alles, was eine Seite langsam macht, in zwei Gruppen. Jede braucht eine völlig andere Konversation.

Langsam aus Versehen

Es gibt einen schnelleren Weg, also nutzen wir ihn

Es gibt einen schnelleren Weg, genau dasselbe zu tun, und er gewinnt in jedem Punkt. Ein 2000px-Bild auf einem 400px-Handy-Screen. Ein render blocking Skript, das man hätte verzögern können. Oder schwierigere Dinge, wie ein Hero-Bild, das der Browser erst findet, nachdem das JavaScript gelaufen ist. Niemand hat das so entschieden, es ist einfach passiert. Wir reden darüber, wir sind uns einig, deine Entwickler bauen es. Ganz einfach.

Langsam mit Absicht

Jemand hat sich dafür entschieden. Wo zahlst du den Preis?

Nutzer-Tracking, ein Karussell, ein Chat-Widget. Das ist in Ordnung. Aber jede Entscheidung hat ihren Preis, und meistens hat niemand entschieden, wo er bezahlt wird. Lädst du Tracking zuerst, zahlst du beim LCP. Lädst du es später, verlierst du die Besucher, die früh abspringen. Lädst du es beim ersten Klick, zahlst du beim INP. Ein Karussell packt JavaScript zwischen deinen Besucher und deinen Inhalt. Was ist also wichtiger: der erste View oder der erste Swipe?

Sobald du weißt, wo du den Preis zahlen willst, kann ich darauf hin optimieren. Wenn es niemand weiß, weiß auch niemand, wofür er eigentlich optimiert.

Kosten und Ergebnisse

Was ist der erwartete ROI einer Core Web Vitals Beratung?

Das hängt davon ab, wie viel Umsatz über deine Seite läuft. Loop Earplugs wurde auf Mobile etwa 800 ms schneller und die Checkout-Conversion stieg um 7 %. Ich kann dir keine 7 % versprechen. Aber RUM zeigt, was jeder Fix mit der Metrik gemacht hat. Deine Analytics zeigen, was es mit dem Umsatz gemacht hat. Du wirst beides haben.

Werden wir im Google-Ranking steigen, wenn wir die Core Web Vitals bestehen?

Ein wenig. Core Web Vitals sind ein Ranking-Faktor, aber ein kleiner: Relevanter Content steht an erster Stelle. Geschwindigkeit ist der Tiebreaker zwischen Seiten, die nah beieinander liegen. Der größere Gewinn passiert nach dem Klick. Eine schnellere Seite verliert weniger Besucher und konvertiert mehr von denen, die bleiben. Das zeigt sich in deinem Umsatz, egal ob Google dich nach oben schiebt oder nicht.

Für wen ist die Core Web Vitals Beratung gedacht?

Für Unternehmen mit eigenen Entwicklern, echtem Traffic und einer Seite, bei der Geschwindigkeit sich im Umsatz zeigt. Meistens E-Commerce, SaaS-Apps, bei denen Klicks sich langsam anfühlen, und Publisher mit vielen Anzeigen. Keine eigenen Entwickler und keine Agentur, die für euch baut? Dann ist ein Audit oder ein Quick Fix der bessere Start.

Garantierst du bestimmte Core Web Vitals Werte?

Nein. Jeder, der einen Wert garantiert, ohne deine Seite gesehen zu haben, rät. Mein Ziel ist es, die Core Web Vitals beim 75. Perzentil auf den Seiten zu bestehen, die euch Geld bringen. Genau das misst Google und genau das spüren eure Besucher.

Warum brauchen wir einen Spezialisten statt unserer jetzigen Agentur?

Die meisten Agenturen machen von allem ein bisschen. Performance ist nur ein Punkt auf der Liste. Es ist das Einzige, was ich mache. Die harten Probleme stehen selten auf einer Checkliste: Hydration in Next.js, Dutzende von Drittanbieter-Skripten auf einer Medienseite, Anzeigen, die beim Laden das Layout verschieben. Wir alle haben unsere Spezialität. Das hier ist meine.

Ist CoreDash inklusive?

Ja, es ist in der Beratung enthalten. Wenn euer eigenes RUM bereits zeigt, welches Element oder Skript langsam ist, können wir stattdessen das nutzen.

Technik

Welche Technologie-Stacks unterstützt du?

So ziemlich alle. Next.js, Nuxt, Magento, Salesforce Commerce Cloud, Shopify, WordPress oder eine PHP-Seite, die jemand 2012 gebaut hat. Dem Browser ist es egal, womit die Seite gebaut wurde. Und der Browser ist der Ort, an dem ich arbeite. Auf einer gehosteten Plattform wie Shopify kannst du die Plattform selbst nicht ändern. Aber das Theme, die Apps und die Skripte, die sie hinzufügen, gehören dir. Dort stecken die meisten Probleme.

Unser PageSpeed Insights Score ist 40. Bekommst du ihn auf 90?

Dieser Score stammt von Lighthouse: ein Labortest auf einem simulierten langsamen Handy. Google schaut auf die field data. Das ist das, was deine echten Besucher beim 75. Perzentil erleben. Daran arbeite ich. Der Score in Lighthouse steigt meistens nebenbei, aber ich jage ihn nicht. Eine Seite kann 95 erreichen und trotzdem die Core Web Vitals nicht bestehen, und umgekehrt.

Wie gehst du mit Problemen bei Interaction to Next Paint (INP) um?

Ich finde heraus, was auf dem main thread läuft, wenn jemand klickt. Die Long Animation Frames (LoAF) API sagt mir, welches Skript und welche Funktion. Dann teilen wir diese Arbeit auf, räumen sie aus dem Weg oder entfernen sie komplett.

Müssen wir unser gesamtes Frontend neu schreiben?

Fast nie. Meistens sind es ein paar schwere Komponenten, die Ladereihenfolge von Skripten oder wie die Seite hydratisiert. Das zu ändern kostet viel weniger als ein Rewrite und du siehst das Ergebnis viel schneller.

Wie unterscheidet sich CoreDash von unserem jetzigen Monitoring?

Ihr habt noch kein RUM, oder eures zeigt nicht, welches Element oder Skript langsam ist? Dann baue ich CoreDash ein. Es ist genau für diese Arbeit gemacht. Für jedes LCP-, INP- und CLS-Event zeigt es, welches Element, Skript oder welche Ressource es verursacht hat. Du siehst innerhalb eines Tages, was ein Fix bei echten Besuchern bewirkt hat, statt auf den 28-Tage-Durchschnitt von Google zu warten. Und es gibt kein Limit, wie viele URLs du trackst oder wie lange du die Daten behältst.

Wie wir zusammenarbeiten

Unsere Seite wird von einer Agentur gebaut. Funktioniert das?

Ja. Ich arbeite gerne mit Agenturen und allen anderen Beteiligten zusammen. Die Agentur baut. Ich finde die Probleme, priorisiere sie und prüfe jeden Fix. Genau wie mit deinem eigenen Team. Seid ihr selbst die Agentur? Dann seht ihr hier, wie ich mit Agenturen zusammenarbeite.

Was sind die konkreten Ergebnisse einer kompletten Zusammenarbeit?

Erkenntnisse als Tickets in eurem eigenen System, Fixes, die live sind, Performance-Budgets in eurer CI/CD-Pipeline, Monitoring und Alerts für eure RUM-Daten. Und Entwickler, die wissen, warum das alles funktioniert.

Wie verhinderst du Performance-Regressionen?

Auf zwei Arten. Performance-Budgets in eurer Deployment-Pipeline markieren einen Build, der Layout Shifts hinzufügt oder den main thread blockiert, bevor er live geht. Und Alerts auf euren RUM-Daten sagen dir, wenn etwas schlechter wird. CoreDash prüft stündlich. Es schlägt aber erst Alarm, wenn es genug Daten gibt, um sicher zu sein. So jagst du keine False Positives. Du weißt trotzdem Wochen vor der Search Console Bescheid.

Was ist der Unterschied zwischen einem Audit und einer vollen Beratung?

Ein Audit sagt dir, was falsch ist und in welcher Reihenfolge du es beheben musst. Die Beratung bleibt, bis es repariert ist.

Was passiert nach der Beratung?

Dein Team übernimmt. Es gibt auch einen Retainer, ab 1.500 € im Monat für etwa einen Tag meiner Zeit: Ich beobachte eure RUM-Daten, sage dir, wenn etwas langsamer wird, und jedes Quartal entscheiden wir, was als Nächstes ansteht.

Was brauchst du von uns, um loszulegen?

Zugriff auf euer Repository (GitHub, GitLab, was auch immer ihr nutzt), eine Staging-Umgebung und eure Analytics. Keine wochenlangen Onboarding-Meetings. Sobald ich drin bin, fange ich an. Die ersten Ergebnisse bekommst du meistens innerhalb von 5 Arbeitstagen.

Timing und Anzeigen

Wie lange dauert eine Beratung?

Irgendwo zwischen einer Woche und sechs Monaten. Es hängt davon ab, wie viel im Argen liegt und wie schnell dein Team releast. Meistens dauert es kürzer als erwartet: 60 % meiner Projekte sind in einem Monat abgeschlossen. Die genaue Dauer steht im Scope, bevor wir anfangen.

Wie schnell werden wir Verbesserungen bei unseren Core Web Vitals sehen?

Du siehst Änderungen in euren RUM-Daten innerhalb eines Tages nach dem Deployment. Die Zahlen brauchen genug Besuche, um aussagekräftig zu sein. Gut besuchte Seiten zeigen es also früher als ruhigere. So oder so weißt du es Wochen bevor der CrUX-Report von Google aufholt.

Können wir die Core Web Vitals bestehen, ohne unsere Anzeigen oder Analytics zu entfernen?

Ja. Wir entfernen deine Tags nicht, wir ändern nur wie und wann sie laden. Anzeigen können weiterhin ihre Viewability-Anforderungen erfüllen, ohne den main thread zu blockieren oder das Layout zu verschieben. DPG Media, Aleteia und Who What Wear haben ihre Anzeigenumsätze behalten und die Core Web Vitals bestanden.

Core Web Vitals Beratung | Arjen Karel Core Web Vitals Core Web Vitals Beratung | Arjen Karel