1/5
ninacarducci_0.png CDA script webpninacarducci_1.png CDA script webpninacarducci_2.png CDA script webpninacarducci_3.png CDA script webpninacarducci_4.png CDA script webp

Nina Carducci

Optimiser
Performances
Débugger
DevTools
Documentation
Description

En tant que développeur web freelance, j'ai été sollicité pour améliorer les performances et l'optimisation SEO du site web de la photographe Mme Nina Carducci. Le site présentait plusieurs problématiques : un temps de chargement trop long, des bugs sur certaines fonctionnalités, du code HTML non valide, un manque d'accessibilité, ainsi qu'une faible visibilité sur les réseaux sociaux. Mon intervention a visé à corriger ces problèmes tout en garantissant une meilleure performance et une conformité aux standards du web.

Liens
site web: Nina Carducci
GitHub repo: Nina Carducci
Méthodologie
  1. Analyse du site : j'ai utilisé des outils tels que DevTools, Lighthouse, et Wave pour évaluer les éléments les plus critiques à traiter. Cette analyse a permis d’identifier les principaux points faibles en termes de performance, d’accessibilité et de SEO.

  2. Liste des modifications :

    • Élaboration d’une liste de modifications à apporter, basée sur l'audit effectué, en tenant compte des corrections nécessaires pour améliorer la performance, la validité du code HTML et l'accessibilité.
  3. Optimisation des images :

    • J'ai optimisé les images en générant un ensemble de différentes tailles selon les besoins, tout en appliquant une compression avec perte au format WebP pour améliorer la vitesse de chargement sans compromettre la qualité visuelle.
    • Les balises <img> ont été ajustées avec l'attribut srcset pour permettre le chargement des images adaptées en fonction de la résolution de l’écran.
  4. Cahier de recette :

    • J'ai rédigé un cahier de recette détaillant les étapes à suivre pour tester l’intégralité des modifications apportées au site, permettant de valider le bon fonctionnement des optimisations et d’assurer une navigation fluide.
  5. Validation des résultats :

    • Une fois les optimisations effectuées, un nouveau test a été réalisé avec Lighthouse pour mesurer l’impact des améliorations, en se concentrant sur la vitesse de chargement, l’accessibilité et la conformité aux normes SEO.