Arjen Karel, consultant Core Web Vitals
Consultance Core Web Vitals

J'intègre votre équipe et nous rendons votre site rapide

Un à trois jours par semaine, sprint par sprint, je travaille avec vos développeurs. Je mesure ce que vos visiteurs attendent, nous le corrigeons dans cet ordre, et à mon départ votre équipe sait comment le garder rapide. À partir de 6 000 € par mois.

Arjen KarelConsultant en performance web depuis 2009
Some of the teams I've worked with
Nina.care Perion SNV KPN Harvard Featured on web.dev
Comment ça marche

À quoi ressemble une consultance avec moi

Quand je commence sur vos Core Web Vitals, nous convenons d'abord de ce que nous allons corriger. Ensuite j'audite, j'écris les tickets, et avec vos développeurs nous rendons votre site rapide à nouveau, en un ou plusieurs sprints.

Cascade de requêtes CoreDash pour une page vue réelle
Une page vue réelle dans CoreDash : chaque requête, avec DCL et LCP marqués.
  1. Audit complet du site

    Chaque consultance commence par un audit complet, template par template, face à vos données RUM au 75e centile. Après ça, je sais ce qui cause chaque problème, lesquels comptent le plus et lesquels dépendent des autres.

  2. Priorisation et planification

    Certaines corrections rapportent bien plus que d'autres, et certaines ne sont rentables qu'une fois une autre correction en place. Inutile d'optimiser votre image hero maintenant si un script bloque toute la page. Et un petit layout shift sur une page qui reçoit 2 % de votre trafic peut attendre.

  3. Tickets et implémentation

    J'écris les tickets dans Jira (ou votre propre système de tickets) et je les priorise. Dans chacun, je décris la cause, l'effet et la correction, avec des exemples de code. Vos développeurs construisent la majorité. Je fais du pair programming avec eux sur les tickets difficiles et je revois chaque pull request.

  4. Vérifications et amélioration des process

    Je surveille les progrès en permanence et je vérifie chaque mise en production contre sa baseline dans les field data. Quand je pars, votre équipe sait trouver un problème, le comprendre et choisir la bonne correction sans moi. Je configure aussi des budgets de performance dans votre pipeline CI/CD et des alertes sur vos données RUM, pour qu'une régression n'atteigne pas vos visiteurs à votre insu.

Tarifs

Combien coûte une consultance Core Web Vitals ?

Le prix suit le rythme que votre équipe peut soutenir. Par expérience, un jour par semaine occupe une équipe d'environ cinq développeurs : j'audite, j'écris les tickets et je vérifie ce qu'ils construisent. Une équipe plus grande, ou entièrement dédiée à la performance web, a besoin de plus de jours.

1 jour par semaine

Régulier

Il n'y a pas le feu, mais vous êtes plus lent que vos concurrents et vous le savez.

6 000 €/mois
2 jours par semaine

Intensif

Le Black Friday approche, ou vous migrez vers une nouvelle plateforme. Deux fois le rythme.

12 000 €/mois
3 jours par semaine

À fond

La Search Console est rouge et le marketing vous demande pourquoi chaque semaine.

18 000 €/mois

Aller plus vite ne coûte pas plus cher

Trois mois en Régulier font 18 000 €. Un mois en À fond fait aussi 18 000 €. Vous y arrivez juste plus vite. Le total exact est défini dans le périmètre, avant de commencer.

3 × 6 000 €Régulier · 3 mois
=
1 × 18 000 €À fond · 1 mois
Ce que vous obtenez
  • Moi et 17 ans d'expérience, pas de stagiaires ni de consultants juniors
  • J'audite tout le site, template par template
  • J'écris les tickets, dans votre propre système, dans le bon ordre
  • Je fais du pair programming avec vos développeurs et je revois leurs pull requests
  • Nous vérifions chaque correction dans vos field data
  • Vous gardez les budgets de performance et les alertes quand je pars
Suivi · après la consultance

Gardez-moi sous le coude

La plupart des équipes peuvent continuer sans moi par la suite. Si vous préférez ne pas le faire, vous avez environ un jour de mon temps par mois. Je surveille vos données RUM, je vous dis quand quelque chose ralentit, et chaque trimestre nous décidons de la suite.

1 500 €/moisà partir de, environ un jour par mois
Arjen Karel

Démarrer vous demande votre URL et 20 minutes

Remplissez le formulaire ci-dessous avec votre site et votre problème. Cela arrive dans ma propre boîte de réception, pas chez une équipe commerciale. Avant qu'on se parle, j'ai déjà regardé votre site, on passe donc ces 20 minutes sur votre site et votre équipe, pas sur des slides expliquant à quel point je suis génial.

  1. Envoyez-moi votre URL

    Dites-moi ce qui coince, et votre deadline si vous en avez une, comme le Black Friday ou une migration. La deadline décide du nombre de jours par semaine dont nous avons besoin. Je réponds sous un jour.

  2. Je regarde, on discute

    Avant l'appel, je parcours vos données CrUX et vos templates principaux, je sais donc généralement ce qui vous ralentit avant même que vous me le disiez. Ensuite, on discute 20 minutes : moitié sur votre site, moitié sur votre équipe. Une correction bloquée dans le backlog ne rend rien plus rapide.

  3. Vous recevez un périmètre et un prix

    Combien de jours par semaine, pour combien de temps, et ce qu'on corrige pendant cette période. Le plan détaillé vient de l'audit complet, une fois que vous m'avez engagé. Les petits caractères : vous pouvez me virer à n'importe quelle heure de la journée. Personne ne l'a jamais fait.

Send me your URL

Consultance · Adevinta

À quoi ressemblait la consultance Core Web Vitals chez Adevinta

Marktplaats, Subito, Fotocasa et Kijiji

4marketplaces
+27 %de leads contact et téléphone chez Fotocasa
100 %des pages desktop bonnes sur l'INP, presque toutes les mobiles aussi
Quand Adevinta a appelé, j'ai appelé ma femme : « Devine qui va accélérer Marktplaats ? » Sa réponse : « Enfin ! »
Kijiji, une des marketplaces d'Adevinta

J'ai travaillé sur quatre marketplaces d'Adevinta, chacune dans un pays différent. Chaque équipe avait une stack différente et en était à un stade différent. Marktplaats avait des années de code legacy. Subito avait des technos plus récentes mais aucun process autour de la performance. Ce qu'elles partageaient, c'était le bouton retour. Les visiteurs font des allers-retours entre les résultats de recherche et les annonces toute la journée, et quand le bfcache échoue, chaque clic sur retour recharge la page de résultats, les annonces se rechargent et la page saute.

Tout n'était pas lié au code. Des gens sont partis, de la documentation s'est perdue, et personne n'était responsable de la performance. Sur les quatre marketplaces, j'ai proposé environ 500 changements, et la plupart sont encore en ligne aujourd'hui. Et j'ai formé les équipes, de sorte qu'une correction construite par une marketplace n'avait pas besoin d'être réinventée par la suivante.

Le travail chez Fotocasa a fini sur web.dev : des rerenders React inutiles, un state rapproché de là où il est utilisé, l'analytics écarté du chemin du clic. Leurs développeurs l'ont construit. J'ai trouvé les problèmes, je les ai mis dans l'ordre et j'ai vérifié chaque correction.

Ce qui me différencie

Lent par erreur, lent par conception

La plupart des conseils en performance traitent chaque problème de la même façon : voici la liste, corrigez-la. C'est pourquoi tant d'équipes travaillent sur cette liste pendant des mois sans rien voir changer. Je sépare tout ce qui rend un site lent en deux groupes, parce que chacun nécessite une conversation complètement différente.

Lent par erreur

Il existe une méthode plus rapide, donc nous l'utilisons

Il existe une méthode plus rapide de faire exactement la même chose, et elle gagne sur tous les tableaux. Une image de 2000px sur un écran de téléphone de 400px. Un script render blocking alors qu'il aurait pu être différé. Ou des choses plus complexes, comme une image hero que le navigateur ne trouve qu'une fois le JavaScript exécuté. Personne n'a choisi ça, c'est juste arrivé. On en discute, on se met d'accord, vos développeurs le construisent. C'est tout simple.

Lent par conception

Quelqu'un a choisi ça. Où payez-vous ?

Le tracking utilisateur, un carrousel, un widget de chat. C'est très bien, mais chaque choix a un prix, et généralement personne n'a décidé où le payer. Chargez le tracking en premier et vous payez en LCP. Chargez-le plus tard et vous perdez les visiteurs qui partent tôt. Chargez-le au premier clic et vous payez en INP. Un carrousel met du JavaScript entre votre visiteur et votre contenu, alors qu'est-ce qui compte le plus : la première vue ou le premier swipe ?

Une fois que vous savez où vous voulez payer, je peux optimiser en fonction. Si personne ne le sait, personne ne sait pour quoi on optimise.

Coût et résultats

Quel est le ROI attendu d'une consultance Core Web Vitals ?

Cela dépend de l'argent qui transite par votre site. Loop Earplugs a gagné environ 800ms sur mobile et la conversion au checkout a augmenté de 7 %. Je ne peux pas vous promettre 7 %, mais le RUM montre ce que chaque correction a fait sur la métrique et votre analytics montre l'impact sur les revenus. Vous aurez les deux.

Passer les Core Web Vitals va-t-il améliorer nos classements Google ?

Un peu. Les Core Web Vitals sont un facteur de ranking, mais un petit : le contenu pertinent passe avant, et la vitesse départage des pages au coude à coude. Le plus gros gain se situe après le clic. Un site plus rapide perd moins de visiteurs et convertit davantage ceux qui restent, et cela se voit dans vos revenus, que Google vous fasse monter ou non.

À qui s'adresse la consultance Core Web Vitals ?

Aux entreprises avec leurs propres développeurs, du vrai trafic et un site où la vitesse a un impact sur les revenus. Principalement l'e-commerce, les applications SaaS où les clics paraissent lents, et les éditeurs de presse avec beaucoup de publicités. Vous n'avez pas vos propres développeurs et aucune agence ne construit pour vous ? Alors un audit ou une correction rapide est un meilleur point de départ.

Garantissez-vous des scores Core Web Vitals précis ?

Non. Quiconque garantit un score avant de regarder votre site joue aux devinettes. Mon but est de valider les Core Web Vitals au 75e centile sur les pages qui vous rapportent de l'argent. C'est ce que Google mesure, et c'est ce que vos visiteurs ressentent.

Pourquoi avons-nous besoin d'un spécialiste plutôt que de notre agence actuelle ?

La plupart des agences font un peu de tout, et la performance est un point sur la liste. C'est la seule chose que je fais. Les problèmes complexes sont rarement sur une checklist : l'hydration dans Next.js, des dizaines de scripts tiers sur un site média, des publicités qui provoquent des layout shifts au chargement. Nous avons tous notre spécialité. Voici la mienne.

CoreDash est-il inclus ?

Oui, c'est inclus dans la consultance. Si votre propre RUM montre déjà quel élément ou script est lent, nous pouvons l'utiliser à la place.

Technique

Quelles stacks technologiques prenez-vous en charge ?

Presque toutes. Next.js, Nuxt, Magento, Salesforce Commerce Cloud, Shopify, WordPress, ou un site PHP que quelqu'un a construit en 2012. Le navigateur se moque de ce qui a généré la page, et le navigateur est là où je travaille. Sur une plateforme hébergée comme Shopify, vous ne pouvez pas changer la plateforme elle-même, mais le thème, les apps et les scripts qu'elles ajoutent sont à vous, et la plupart des problèmes s'y trouvent.

Notre score PageSpeed est de 40. Pouvez-vous l'amener à 90 ?

Ce score, c'est Lighthouse : un test en lab data sur un seul téléphone lent simulé. Google regarde les field data, ce que vos vrais visiteurs expérimentent au 75e centile, et c'est sur ça que je travaille. Le score Lighthouse monte généralement en cours de route, mais je ne cours pas après. Un site peut obtenir 95 et quand même échouer aux Core Web Vitals, et inversement.

Comment gérez-vous les problèmes d'Interaction to Next Paint (INP) ?

Je trouve ce qui tourne sur le main thread quand quelqu'un clique. L'API Long Animation Frames (LoAF) m'indique quel script et quelle fonction. Ensuite, nous découpons ce travail, nous l'écartons ou nous le supprimons.

Devrons-nous réécrire tout notre frontend ?

Presque jamais. Généralement, ce sont quelques composants lourds, l'ordre de chargement des scripts, ou la façon dont la page hydrate. Changer cela coûte beaucoup moins cher qu'une réécriture, et vous voyez le résultat bien plus tôt.

En quoi CoreDash diffère-t-il de notre monitoring actuel ?

Pas encore de RUM, ou le vôtre ne peut pas montrer quel élément ou script est lent ? Alors j'ajoute CoreDash. Il est conçu exactement pour ce travail. Pour chaque événement LCP, INP et CLS, il montre quel élément, script ou ressource l'a causé. Vous voyez l'effet d'une correction pour les vrais visiteurs en un jour, au lieu d'attendre que la moyenne glissante de 28 jours de Google se mette à jour. Et il n'y a pas de limite sur le nombre d'URL suivies ni sur la durée de conservation des données.

Comment nous travaillons ensemble

Notre site est construit par une agence. Est-ce que ça marche ?

Oui. J'aime travailler avec les agences, et avec tous les autres acteurs impliqués. L'agence construit, je trouve les problèmes, je les mets dans l'ordre et je vérifie chaque correction, exactement comme avec votre propre équipe. Vous êtes l'agence ? Alors voici comment je travaille avec les agences.

Quels sont les livrables précis d'une mission complète ?

Des constatations sous forme de tickets dans votre propre système, des corrections qui sont en ligne, des budgets de performance dans votre pipeline CI/CD, du monitoring et des alertes sur vos données RUM, et des développeurs qui comprennent pourquoi tout ça fonctionne.

Comment évitez-vous les régressions de performance ?

De deux façons. Les budgets de performance dans votre pipeline de déploiement signalent un build qui ajoute des layout shifts ou bloque le main thread avant sa mise en ligne. Et les alertes sur vos données RUM vous disent quand quelque chose s'aggrave. CoreDash vérifie toutes les heures, mais ne déclenche une alerte que lorsqu'il y a assez de données pour être sûr, vous ne courez donc pas après de faux positifs. Vous êtes quand même au courant des semaines avant la Search Console.

Quelle est la différence entre un audit et une consultance complète ?

Un audit vous dit ce qui ne va pas et dans quel ordre le corriger. La consultance reste jusqu'à ce que ce soit corrigé.

Que se passe-t-il après la consultance ?

Votre équipe prend le relais. Il y a aussi un suivi, à partir de 1 500 € par mois pour environ un jour de mon temps : je surveille vos données RUM, je vous dis quand quelque chose ralentit, et chaque trimestre nous décidons de la suite.

De quoi avez-vous besoin de notre part pour commencer ?

D'un accès à votre dépôt (GitHub, GitLab, ou ce que vous utilisez), d'un environnement de staging et de votre analytics. Pas de semaines de réunions d'onboarding. Une fois que je suis dedans, je commence, et vous recevez généralement les premières constatations dans les 5 jours ouvrés.

Délais et publicités

Combien de temps dure une consultance ?

D'une semaine à six mois. Cela dépend de ce qui ne va pas et de la vitesse à laquelle votre équipe livre. La plupart prennent moins de temps que ce que les gens imaginent : 60 % de mes missions sont terminées en moins d'un mois. La durée exacte est dans le périmètre, avant de commencer.

À quelle vitesse verrons-nous des améliorations dans nos Core Web Vitals ?

Vous voyez les changements dans vos données RUM un jour après le déploiement. Les chiffres ont besoin d'assez de visites avant de signifier quoi que ce soit, donc les pages très visitées le montrent plus tôt que les pages calmes. Dans tous les cas, vous le savez des semaines avant que le rapport CrUX de Google ne se mette à jour.

Pouvons-nous passer les Core Web Vitals sans retirer nos publicités ou notre analytics ?

Oui. Nous ne retirons pas vos tags, nous changeons comment et quand ils chargent. Les publicités peuvent toujours respecter les exigences de visibilité sans bloquer le main thread ni décaler la mise en page. DPG Media, Aleteia et Who What Wear ont gardé leurs revenus publicitaires et passé les Core Web Vitals.

Conseil en Core Web Vitals | Arjen Karel Core Web Vitals Conseil en Core Web Vitals | Arjen Karel