Bundle JavaScript qui dérive, scripts tiers qui plombent l'INP, image LCP non priorisée. J'interviens sur React, Angular, Astro et le critical path pour livrer un frontend mesurable et durable.
100% de clients satisfaits Données 2023-2026
•8+ ans XP•35+ clients accompagnés
La majorité des problèmes Core Web Vitals viennent du frontend. Ils se ressemblent d'un projet à l'autre.
📦 Bundle JavaScript au-dessus de 500 KB sur la première charge
Webpack non-tree-shaké, dépendances lourdes (Moment, lodash full, MUI), pas de code splitting. Un audit identifie chaque contributeur.
🐢 INP mobile au rouge sur interactions complexes
Re-renders inutiles, event listeners qui touchent tout le DOM, scripts tiers qui chainent les Long Tasks. React DevTools Profiler expose le motif.
🖼️ Image LCP non priorisée, formats jamais en AVIF
Pas de fetchpriority sur l'image héros, JPEG au lieu de WebP/AVIF, lazy loading mal posé. LCP qui dérive au-dessus de 3s.
📊 Long Tasks qui plombent le main thread
Tag manager qui charge 15 scripts, chatbot qui se charge en bloc, A/B testing synchrone. Le main thread sature, l'INP explose.
🌐 Pas de SSR, LCP qui attend l'hydration
SPA pure sur un site public à enjeu SEO. Sans SSR (Next.js, Astro, Remix), le LCP attend que tout le JS soit téléchargé et exécuté.
🧪 Pas de budget perf dans le CI
Sans Lighthouse CI, sans bundle size check, sans SpeedCurve, chaque PR peut introduire une régression invisible. La discipline budget est la seule garantie de tenir.
Les stacks frontend que j'optimise
React (SPA, Next.js, RSC), Angular (lazy modules, OnPush, SSR), Astro (islands, partial hydration). Plus les CMS côté templates (WordPress, Drupal, Shopify Liquid).
Angular
Astro
Drupal
Laravel
Python
React
Salesforce Commerce Cloud
SAP Commerce Cloud
Sylius
Symfony
Akamai mPulse
Datadog
Dynatrace
SpeedCurve
Akamai
Cloudflare
Fastly
Magento
Prestashop
Shopify
Wordpress
Medusa.js
Ruby on Rails
Angular
Astro
Drupal
Laravel
Python
React
Salesforce Commerce Cloud
SAP Commerce Cloud
Sylius
Symfony
Akamai mPulse
Datadog
Dynatrace
SpeedCurve
Akamai
Cloudflare
Fastly
Magento
Prestashop
Shopify
Wordpress
Medusa.js
Ruby on Rails
Angular
Astro
Drupal
Laravel
Python
React
Salesforce Commerce Cloud
SAP Commerce Cloud
Sylius
Symfony
Akamai mPulse
Datadog
Dynatrace
SpeedCurve
Akamai
Cloudflare
Fastly
Magento
Prestashop
Shopify
Wordpress
Medusa.js
Ruby on Rails
AngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on RailsAngularAstroDrupalLaravelPythonReactSalesforce Commerce CloudSAP Commerce CloudSyliusSymfonyAkamai mPulseDatadogDynatraceSpeedCurveAkamaiCloudflareFastlyMagentoPrestashopShopifyWordpressMedusa.jsRuby on Rails
Engagements de la mission
-50%bundle JavaScript typique
-40%TTI mobile gagné
INPstabilisé sous 200ms
Continuperformance budgets surveillés CI
FAQ
Frequently asked questions
React, Vue, Angular, Astro : lequel pour la perf ?
Astro produit le bundle le plus léger (HTML par défaut, islands opt-in). Next.js (RSC) atteint des bundles très légers sur des apps complexes. Angular reste plus lourd par défaut mais prévisible. Le choix dépend de l'usage et de l'équipe en place ; je travaille sur les quatre.
Comment savoir si mon frontend a un vrai problème ?
Trois signaux : LCP mobile au-dessus de 2.5s sur Search Console, INP mobile au-dessus de 200ms, bundle JS initial au-dessus de 500 KB. Si un seul est vrai, un audit chiffre le gain accessible.
Faut-il refondre en Next.js ou Astro ?
Pas systématiquement. Sur une SPA React mature, l'optimisation in-place (bundle splitting, RSC migration, image priority) gagne souvent suffisamment. La refonte se justifie quand la dette est structurelle ou quand le SEO le réclame.
Comment se structurent vos accompagnements frontend ?
En sprints continus. Diagnostic initial du bundle, du rendering et des Core Web Vitals, puis chaque sprint pousse un levier avec mesure SpeedCurve ou équivalent. Un projet frontend actif ajoute des dépendances en permanence : l'accompagnement protège le budget.
Faire passer votre frontend au vert
Audit bundle + rendering
Performance budgets CI
Mesure RUM
100% de clients satisfaits
Données 2023-2026
Témoignages
Ce qu'en disent mes clients
Excellent travail.
Paul a nettement amélioré la vitesse du site et l’a parfaitement aligné avec les recommandations Google.
Professionnel, rigoureux et efficace, je recommande vivement.
Nicolas - April Moto
Directeur digital & e-commerce
Nous sommes très satisfaits du travail de Paul. Il se montre rapide, disponible et particulièrement efficace. Depuis son arrivée, de très bons résultats ont été constatés, tant en termes de performance que de réactivité. Un vrai atout pour notre équipe.
Léo - Maison de luxe
E-commerce Product Owner
Je sais pas si on l'a assez répété.
Mais si vous voulez améliorer votre vitesse de chargement,
Faire plaisir à Google et mettre vos Signaux Web Essentiels dans le vert,
Contactez Paul Delcloy.
Florian Darroman - Les Makers
Co-fondateur
Le front-end, là où tout se joue côté utilisateur
Le navigateur est impitoyable. Il parse le HTML, découvre les CSS, exécute le JavaScript, et ne peut rien afficher tant que les ressources critiques ne sont pas arrivées. Un fichier CSS de 200 Ko non minifié, une font chargée en render-blocking, un script analytics injecté dans le head : chacun de ces éléments repousse le moment où l'utilisateur voit quelque chose à l'écran.
La majorité des problèmes de Core Web Vitals que je rencontre en audit sont des problèmes front-end. Un LCP dégradé par une image hero en PNG de 2 Mo sans preload. Un INP plombé par un event listener qui déclenche un re-render complet du DOM. Un CLS causé par des publicités ou des embeds qui s'insèrent dans la page après le chargement.
Les scripts tiers, l'éléphant dans la pièce
Sur la plupart des sites e-commerce que j'audite, les scripts tiers représentent entre 50% et 80% du JavaScript exécuté. Tag managers, pixels de tracking, A/B testing, chatbots, widgets de recommandation : chacun ajoute son poids et ses requêtes réseau.
Le problème, c'est que personne ne regarde l'impact cumulé. Un tag manager à 80 Ko, ça passe. Quand il charge 15 tags qui chacun exécutent leur propre logique, les Long Tasks s'enchaînent et l'INP explose. La solution n'est pas toujours de tout supprimer : c'est d'auditer l'impact réel de chaque script, de retirer ceux qui ne servent plus, et de charger les autres de manière non bloquante.
Le Critical Rendering Path en pratique
Le concept est simple : réduire au minimum ce que le navigateur doit télécharger et exécuter avant de pouvoir afficher le contenu visible. En pratique, ça touche à tout : l'ordre des balises dans le head, la stratégie de chargement des fonts, le code splitting du JavaScript, l'extraction du CSS critique.
Ce qui rend le sujet intéressant, c'est que chaque stack a ses pièges. Un site React avec SSR peut avoir un excellent TTFB mais un INP catastrophique à cause de l'hydratation. Un WordPress avec 12 plugins charge souvent 400 Ko de CSS dont 90% ne s'applique pas à la page courante. Un site SFCC peut servir du HTML irréprochable mais injecter 3 Mo de JavaScript pour le layer de personnalisation.
Mesurer ce qui compte
Les scores Lighthouse sont utiles comme point de départ, mais ils ne reflètent pas l'expérience réelle. Un site peut avoir un score de 95 en lab et un LCP de 4 secondes sur le terrain. La différence vient du réseau, du device, des third-parties qui ne se chargent pas en mode headless.
Les données CrUX (Chrome User Experience Report) mesurent ce que vivent les vrais utilisateurs sur les 28 derniers jours. C'est la seule source que Google utilise pour évaluer les Core Web Vitals dans son ranking. C'est aussi la source que j'utilise pour mesurer l'impact de chaque optimisation, complétée par un RUM dédié (SpeedCurve LUX, Akamai mPulse) pour la granularité par template et par device.
Mes pages d'expertise front-end
React : bundle splitting, hydration, RSC, SSR Next.js
Angular : lazy modules, OnPush, SSR Universal, signals
Quand l'enjeu couvre également le back-end, l'infra et le monitoring en parallèle, l'accompagnement bascule en agence web performance plutôt qu'en consultant unique.
Preuves
Missions menées en conseil web performance
Quelques exemples de missions où ces leviers ont été mis en place sur des marques exigeantes.
CHANEL
2022 → 2026
Web Performance Architect
Audits sur l'ensemble des marchés mondiaux (APAC, EMEA, AMER, CN, JP), intégré aux équipes techniques internes.
SAP HybrisReactJSAkamaiCloudinaryDynatraceSpeedCurve
95 % des utilisateurs avec une expérience excellente sur CrUX
TTFB réduit de 46 %
CLS parfait sur l'ensemble du site
Définition de budgets de performance, suivi des retombées techniques et business
SiriusXM
2025 → présent
Web Performance Consultant
Audits sur la plateforme web et les sites marketing. Reporting personnalisé via monitoring synthétique et real-user.
React.jsNext.jsAngularAkamaiDatadogSpeedCurve
82 % des utilisateurs avec une bonne expérience sur CrUX
Suivi continu de la roadmap performance
Optimisations implémentées hands-on dans la codebase des produits
Mes offres
Découvrir mes services associés
Offre phare
Audit web performance
Le diagnostic des millisecondes qui vous coûtent (trop) cher
Audit web performance complet de votre site : identification des goulots d'étranglement, analyse des Core Web Vitals et recommandations priorisées.
Diagnostic Core Web Vitals terrain et lab
Identification des goulots front, back et CDN
votre-site.fr
!
JS
!
!
3P
!
Score global
Core Web Vitals
LCP—
INP—
CLS—
Problèmes détectés
0
Optimisation web performance
Boutique e-commerce, site corporate ou média : améliorez votre UX pour augmenter votre taux de conversion avec un consultant web performance intégré à vos équipes.
Optimisation web performance de votre site : accompagnement pour améliorer la vitesse et l'expérience utilisateur de votre site vitrine, e-commerce ou corporate.
Implémentation des leviers prioritaires
Optimisation front : LCP, INP, code splitting
Tuning back et infra : cache, CDN, base
Monitoring web performance
Détectez les régressions avant vos utilisateurs grâce à un monitoring continu de vos Core Web Vitals et métriques de performance.
Monitoring web performance continu : suivi des Core Web Vitals, alertes en temps réel et détection des régressions.
