almessadi.
Retour aux projets

Étude de cas projet

Focus ONLINE_

A travaillé sur un portail de bons à fort trafic, axé sur un rendu sûr pour le SEO, une interactivité React sélective et des stratégies de mise en cache conçues pour des pics de trafic soudains.

Le Paysage

Les portails de bons vivent ou meurent sur deux éléments : la découvrabilité et la vitesse. Sous un grand éditeur comme Focus ONLINE, le trafic pouvait connaître des pics importants chaque fois que du contenu était promu, ce qui signifiait que le système devait rester rapide face à une demande irrégulière et en éclat plutôt que sous une courbe de trafic nette et prévisible.

L'Approche

L'architecture du produit était délibérément hybride. Symfony gérait le rendu côté serveur et la logique métier afin que les pages restent accessibles aux robots d'indexation et sûres pour le SEO. React a été ajouté là où la véritable interactivité était rentabilisée, en particulier dans la recherche, le filtrage et les interactions dynamiques avec les bons.

Cette distinction était importante. Un SPA complet aurait ajouté plus de complexité côté client que le produit n'en avait besoin, tandis qu'une expérience purement rendue côté serveur aurait limité la qualité d'interaction dans les endroits qui importaient le plus aux utilisateurs.

Ce Qui Comptait Techniquement

  • pages rendu côté serveur pour la visibilité dans les recherches et un premier rendu rapide
  • îlots React sélectifs pour des interactions utilisateur plus riches
  • mise en cache agressive pour éviter que les pics n'atteignent la base de données
  • déploiements basés sur Docker pour des versions reproductibles

Ce projet est un bon exemple de l'ingénierie frontend pragmatique : utiliser React là où cela aide, garder le reste simple, et traiter la stratégie de mise en cache et de rendu comme des fonctionnalités du produit.

Cet équilibre est important pour les produits affiliés et voisins des médias. L'architecture la plus rapide n'est guère celle qui est la plus à la mode. C'est généralement celle qui respecte le modèle de trafic, la surface SEO, et les besoins réels d'interaction du produit.