You're seeing this page as if you were . The main menu is still yours, though. Exit from immersion
Mehdi BoussaidMB

Mehdi Boussaid

Web perfomance & Full Stack ( Next/ React / Node)

850 €/jour
Paris, FR
8-15 ans

Délai de réponse moyen : 1h

À propos de Mehdi

Auditeur de performance et bonnes pratiques de développement

Spécialisé dans l’audit technique des applications web et mobiles, j’accompagne les équipes de développement et les directions techniques dans l’amélioration de la performance, de la qualité du code et des processus de livraison.

Mes interventions couvrent :

• Analyse approfondie des performances :
Mesure et suivi des Web Vitals (LCP, TBT, CLS, etc.) via Lighthouse, Sentry, et outils intégrés au navigateur.
Détection des goulets d’étranglement en conditions réelles (Chrome DevTools, React Profiler, profiling JS).
Optimisation de la taille des bundles et des ressources critiques (images, JS/CSS, polices, etc.).
Audit de la qualité et des bonnes pratiques de code :
• Identification et suppression de code dupliqué, code mort, dépendances inutilisées.
• Réduction de la complexité du code et mise en conformité avec les règles de maintainabilité (SonarQube, linting, formatage automatique).
• Mise en place de tests unitaires, UI et E2E, avec suivi du taux de couverture et intégration dans la CI/CD.
• Amélioration des processus de développement :
• Mise en place et optimisation de pipelines CI/CD (linting, builds, tests, analyse de qualité, déploiement).
• Renforcement des pratiques d’équipe : peer review systématique, documentation, gestion de la mise en production collaborative.
• Migration et rationalisation des dépôts GitLab, clarification de la gestion du style (unification SCSS/Tailwind).
• Mise en œuvre d’outils et suivi dans la durée :
• Déploiement et configuration de SonarQube, intégration avec GitLab et CI.
• Mise en place d’alertes et quality gates bloquantes sur le nouveau code.
• Suivi continu des indicateurs de performance et de qualité, avec tableaux de bord partagés.
. Mise en place de tests unitaires et e2e
  • Français

    Bilingue ou natif

  • Anglais

    Capacité professionnelle complète

Accepte de travailler sur site
Paris (jusqu’à 50 km)

Expériences

  • Bouygues Telecom
    Full stack Auditeur de Performance &
    décembre 2024 - Aujourd'hui (1 an et 6 mois)
    -60% du temps, Lead perf: Mise en place de certaines recommandations de l'audit
    . Package.json : suppression des packages non utilisés et mise à jour du reste.
    . Peer reviews : mise en place de système de deux peer reviews réalisation d'une sur deux systématiquement pendant 4 mois.
    . CI/CI : mise en place de pipeline dans GitLabCi, lint, prettier, build, etc.
    . Analyse de la performance de l'application web : React dev tools, chrome dev tools, analyse du bundle size.
    . Analyse des web vitals à travers des statistiques de production Sentry, pour détecter et correction des pages et fonctions qui consomment le plus de ressources.
    . Mise en place de l'infrastructure pour tests unitaires (JEST & RTL)
    . Ecriture des premiers tests unitaires 10% de couverture selon SoanrQube, puis accompagnement des autres développeurs . Refacto pour supprimer du code dupliqué, aider l'équipe pour continuer à simplifier et clarifier le code.
    . Mise en place de SonarQube dans le projet avec le DevOps, mise en place de la première quality Gate, analyse des résultats des premiers scan (Old Code), et accompagnent de l'équipe de Dev pour intégrer les recommandations de SonarQube ( New Code) dans leur processus de développement et de peer review.
    Technologies: . Analyse de la performance : Sentry, Google analytics (Web Vitals), Chrome Dev Tools ( Surtout Performance, Mémoire, et Lighthouse, React Dev Tools ( Profiler ), "Why-did-it-rerender" . Analyse du bundle size : webpack-bundle-analyzer , et bundlephobia pour choisir les alternatives aux librairies qui alourdissent le bundle ( exemple Lodash Vs. Underscore)
    . Audit des packages et mise à jour ou remplacement des librairies dépréciées, ou périmées , " NPM Audit "

    SonarQube React.js Sentry Core Web Vitals
  • Allianz Trade (ex.
    développeur Full Stack React.js / Node.js / TypeScript
    juillet 2022 - octobre 2024 (2 ans et 3 mois)
    Euler Hermes, Hamburg, Germany
    Méthodologie: Scrum, sprint de 2 semaines, 4 squads de 5 développeurs, un PO, un scrum et un designer Réalisations:
    -60% du temps: maintenance, analyse et résolution de bugs de prod. . Maintien, évolutions de code et de fonctionnalités existantes sur le front en React.js et le back end en Node.js ( Back For Front lié à plus de 10 API métier)
    . 15 sprints du rôle dit "shérif" : analyse, gestion et résolution des bugs de prod (et de pré-prod) . Rôle tournant dans la Squad et concerne son périmètre. Coordonner avec le HelpDesk, les API, et les autres shérifs des autres squads. . 12 semaines d'astreinte: gestion des bugs critiques de prod, nuit et week end, (Analyse, communication)
    -40% du temps: nouvelles fonctionnalités développées et testées
    . sur le front en React.js, testées en unitaire et en fonctionnel (couvertures + 80%) .
    . sur le back end en Node.js, testé en unitaire et en fonctionnels, avec des tests mockés pour les API.
    . composants Design System, React.js sous TypeScript, ajout, modification et maintien sommaire.
    . gestion de la MEP et de la mise en pré-prod au moins deux fois par quarter. . Autre : revue de code, "dev tests" des features sur Jira, documentation sur Confluence au besoin.
    React.js JavaScript Node.js Test unitaire Tests E2E
  • Val Web Agency
    développeur Full Stack JavaScript / React.js / Node.js Next.js - Lead
    juin 2022 - janvier 2025 (2 ans et 8 mois)
    Front Contexte: ValWebAgency.com, agence web, que j'ai cofondée, spécialisée dans les sites d'architectes et d'arisans parisiens. Réalisations:
    . Développement front end sous divers stacks selon le besoin et la taille du projet. . Lead front end selon le besoin, choix techniques, revues de code, coordination avec le développeur back end et avec les clients.
    . Contribution au développement full stack sous Next.js et Node.js de différents projets clients.
    . UX/UI pour projets de moyenne taille
    . Exemple de projets dont j'ai développé le front end (host et espace administration) et dont réalisé le design en coordination avec la cliente : www.sabinekranz.com
    Node.js JavaScript Next.js HTML/CSS Gestion de projet

Recommandations

Soyez le premier à recommander Mehdi

Contribuez à la réussite de ce freelance en partageant votre expérience de collaboration avec lui.

Ces profils de freelance correspondent également à vos critères

AgathaA

Agatha Frydrych

Backend Java Software Engineer

4.7

(3)

2

BaptisteB

Baptiste Duhen

Fullstack developer

4.6

(4)

5

AmedA

Amed Hamou

Senior Lead Developer

4

(2)

7

AudreyA

Audrey Champion

Web developer

4.3

(3)

4

Formations

  • : EC option technologique Introduction à PHP et SQL
    Grandes Écoles
    2011
    : EC option technologique Introduction à PHP et SQL
  • React Testing Library
    ESCP Europe - Master Grande Ecole
    2015
    React Testing Library

Compétences

Catégories