Optimisation complète d’un site vitrine (SEO, performance, accessibilité) avec amélioration significative des scores Lighthouse et de l’expérience utilisateur.
Le projet Nina Carducci consiste en une intervention d’optimisation sur un site vitrine existant, dans un contexte de mission freelance. L’objectif était d’améliorer les performances, le référencement naturel (SEO) et l’accessibilité d’un site de photographe professionnelle, tout en corrigeant plusieurs problèmes techniques impactant l’expérience utilisateur. L’intervention a débuté par un audit complet du site, révélant des problèmes de performance liés à des ressources non optimisées, une structure HTML perfectible et un référencement insuffisant. Les optimisations ont ensuite porté sur plusieurs axes : compression et adaptation des images, amélioration du chargement des scripts, enrichissement des métadonnées SEO et correction des problèmes d’accessibilité. Un travail spécifique a également été réalisé sur la qualité du code, avec une restructuration partielle et une réduction des dépendances inutiles. Le projet inclut enfin une documentation complète des interventions, ainsi qu’une comparaison mesurée des performances avant et après optimisation.
Ce projet a été réalisé dans le cadre d’une formation avec une mise en situation de mission freelance en optimisation web. Le site initial présentait plusieurs limitations impactant sa visibilité et son efficacité. L’enjeu était d’améliorer un produit existant sans refonte complète, en intervenant directement sur le code et les ressources. Le projet s’inscrit dans une logique d’amélioration continue et de respect des bonnes pratiques web. Il met également en avant une approche orientée audit et optimisation plutôt que création from scratch.
Objectifs
L’objectif principal était d’améliorer significativement les performances du site afin de réduire les temps de chargement. Il s’agissait également d’optimiser le référencement naturel via des améliorations structurelles et sémantiques. Un autre objectif important était de rendre le site accessible en respectant les standards WCAG. Le projet visait aussi à corriger les bugs existants affectant l’expérience utilisateur. Enfin, il devait démontrer une capacité à analyser et optimiser un projet existant de manière méthodique.
Compétences mobilisées
Ce projet m’a permis de développer une approche structurée de l’audit et de l’optimisation web. J’ai renforcé mes compétences en performance frontend, notamment sur l’optimisation des images et du chargement des ressources. J’ai également approfondi les bonnes pratiques SEO et leur implémentation concrète. La mise en conformité accessibilité a constitué un axe important du projet. Enfin, j’ai travaillé sur la qualité du code et la réduction des dépendances inutiles.
Résultats
Les optimisations ont permis d’obtenir des gains significatifs sur les performances et la qualité globale du site. Le score Lighthouse Performance est passé de 65 à 98, tandis que le SEO et l’accessibilité atteignent 100% . Le poids des images a été drastiquement réduit, passant de 30.9 Mo à 2.2 Mo grâce à l’utilisation de formats modernes et du responsive loading . Le site offre désormais une expérience utilisateur plus fluide et accessible. Ce projet démontre une capacité à améliorer concrètement un site existant avec des résultats mesurables.
Axes d’amélioration
Des améliorations complémentaires pourraient être envisagées, notamment la suppression complète des dépendances comme Bootstrap et jQuery. Une refonte complète du JavaScript en natif permettrait d’optimiser davantage les performances. Des optimisations SEO plus avancées pourraient également être mises en place. Une amélioration du design pourrait être envisagée pour corriger certains problèmes de contraste restants. Enfin, une approche orientée CI/CD pourrait être intégrée pour automatiser les audits de performance.
Interface du projet
Aperçu des différentes interfaces du projet, permettant de visualiser l’organisation, l’ergonomie et l’adaptation aux différents formats d’écran.
Profil développeur
Ce projet illustre ma manière de concevoir et développer des solutions adaptées à un besoin réel. Je recherche un poste de développeur web, avec la volonté de m’impliquer sur des projets concrets au sein d’une équipe.
