Toscano Digital développe un portail immobilier à fort trafic avec Blazor et .NET

Moderniser pour des millions d'utilisateurs

Toscano Digital est une entreprise spécialisée dans les technologies .NET depuis 2014. En 2020, l'équipe a fait le pari précoce d'adopter Blazor WebAssembly pour la seconde version de son CRM B2B critique, utilisé quotidiennement par près de 1 000 collaborateurs à travers le réseau Gruppo Toscano. Cette migration du .NET Framework et de jQuery vers la Web API et Blazor WebAssembly a été un franc succès, permettant d'accélérer le rythme de développement des fonctionnalités et de simplifier considérablement la maintenance.

Mais lorsque vint le moment de reconstruire le portail public du groupe — un site B2C sur lequel des millions d'Italiens recherchent un logement —, les enjeux étaient différents. Le nouveau site devait être optimisé pour le référencement naturel, car la recherche organique constitue le principal moteur de trafic pour les annonces immobilières. Il fallait qu'il se charge rapidement sur les appareils mobiles. Et il devait gérer des pics de trafic imprévisibles.

L'approche conventionnelle aurait consisté à recruter une équipe front-end distincte, spécialisée dans React, Next.js ou Vue. Toscano Digital a évalué ces options, mais son PDG, Pietro Montelatici, a envisagé une autre voie. "L'adoption d'un framework JavaScript aurait nécessité de fragmenter les compétences de notre équipe et de complexifier la gestion de la logique métier partagée", explique-t-il. "Pour une équipe agile comme la nôtre, pouvoir utiliser le même langage tant au niveau du back-end que du front-end constitue un multiplicateur de productivité inégalable."

L'équipe a choisi de miser pleinement sur Blazor, tant pour le CRM interne que pour le portail public, faisant le pari que les capacités de rendu côté serveur de .NET 10 seraient en mesure d'assurer le référencement et les performances qu'exige un site grand public à fort trafic.

Une architecture "SSR neutre" pour le SEO et la rapidité

Afin de répondre à leurs exigences en matière d'optimisation pour les moteurs de recherche (SEO) tout en préservant la riche interactivité attendue par leurs utilisateurs, Toscano Digital a conçu une architecture en couches alliant rendu statique côté serveur et hydratation WebAssembly :

• Static SSR : Grâce au rendu statique côté serveur de .NET 10, les pages sont générées sur le serveur et transmises sous forme de code HTML entièrement constitué, que les moteurs de recherche peuvent indexer instantanément.
• Mise en cache en périphérie : le code HTML généré est délibérément "neutre," dépourvu de toute personnalisation spécifique à l'utilisateur, afin que Cloudflare puisse le mettre en cache en périphérie pour une diffusion mondiale en moins d'une seconde. La purge du cache est automatisée via GitHub Actions à chaque déploiement.
• Hydratation WASM : Une fois la page initiale chargée, Blazor WebAssembly prend le relais pour assurer l'interactivité et la personnalisation. Les données spécifiques à l'utilisateur, telles que les recherches enregistrées et les détails du compte, sont chargées via une API après le rendu initial.

Cette approche offre à Toscano Digital le meilleur des deux mondes : les moteurs de recherche voient un contenu entièrement rendu, tandis que les utilisateurs bénéficient d'une expérience fluide, digne d'une application, une fois la page devenue interactive.

PersistentComponentState : un transfert simplifié

L'un des aspects les plus délicats de la combinaison du rendu côté serveur et de l'interactivité côté client réside dans le passage de relais entre les deux. Lorsque Blazor WebAssembly prend le relais de la page rendue côté serveur, l'état de l'application doit être transféré de manière transparente, sans appels API redondants ni scintillement visible.

Dans .NET 10, Blazor a introduit l'attribut [PersistentState], qui simplifie considérablement le processus. Pour Toscano Digital, cette amélioration a été transformatrice.

PersistentComponentState est bien plus qu'une simple fonctionnalité : il offre un socle solide et fiable pour le transfert de l'état du serveur vers le client — un élément qui faisait défaut aux méthodes traditionnelles —, faisant ainsi de Blazor le choix véritablement rationnel pour les applications B2C à grande échelle."

L'attribut [PersistentState] a éliminé le code passe-partout complexe que l'équipe avait précédemment écrit pour gérer manuellement le transfert d'état. Comparé à leurs approches antérieures, le modèle déclaratif a fourni un mécanisme plus robuste et plus fiable, rendant l'architecture globale considérablement plus maintenable.

Optimisation de la "dernière ligne droite" sur mobile

Une fois l'architecture centrale mise en place, Toscano Digital a porté son attention sur les performances mobiles. Les résultats sur ordinateur de bureau ont été solides, avec un First Contentful Paint de seulement 0,6 seconde. Cependant, le temps total de blocage sur les appareils mobiles a dépassé une seconde, en raison du démarrage du runtime WebAssembly et de la phase d'hydratation.

L'équipe a travaillé de manière approfondie pour optimiser l'expérience, en expérimentant la compilation AOT ainsi que des stratégies d'élagage d'assemblages. Leurs tests ont révélé des compromis nuancés : si la compilation anticipée améliorait la vitesse d'exécution, elle pouvait accroître le temps d'analyse initial sur les appareils mobiles. En collaborant directement avec l'équipe d'ingénierie Blazor de Microsoft, Toscano Digital a exploré des stratégies de chargement avancées — telles que le report de l'initialisation de WebAssembly jusqu'à ce qu'une interaction utilisateur soit requise — améliorant ainsi la performance perçue sans sacrifier les fonctionnalités.

Les résultats parlent d'eux-mêmes. Grâce à la nouvelle architecture, le temps de réponse moyen du serveur est passé de 200 millisecondes à seulement 30 millisecondes, soit une amélioration de 85 %.

Une véritable équipe full-stack

Avec .NET 10 et Blazor, nous avons abattu la cloison entre le front-end et le back-end, permettant à une petite équipe de 5 personnes de gérer des produits complexes à grande échelle."

Pour Montelatici, l'impact le plus important du choix de .NET a été organisationnel. Avec un langage et un framework uniques couvrant l'ensemble de la pile, il n'existe aucune barrière entre les développeurs qui bâtissent les services back-end et ceux qui créent l'interface utilisateur. Chaque membre de l'équipe de cinq personnes peut travailler sur n'importe quelle partie du système.

Cela a considérablement réduit la charge de communication et les erreurs d'intégration — ce type de friction qui ralentit les équipes plus vastes et cloisonnées. Les fonctionnalités passent plus rapidement de l'idée à la production, et l'équipe peut répondre aux besoins métier sans attendre les spécialistes.

Au-delà de C#, l'équipe s'appuie sur des fonctionnalités .NET telles que le Pattern Matching pour gérer la logique complexe de routage d'URL, et LINQ pour la manipulation des données. Montelatici décrit tous deux comme indispensables pour maintenir un code propre et expressif au sein d'une vaste base de code.

Conçu sur Azure et GitHub

L'infrastructure de Toscano Digital repose entièrement sur Microsoft Azure, incluant App Service, Azure Functions, Azure SQL, Azure Service Bus, Blob Storage, Logic Apps et Microsoft Foundry pour les fonctionnalités basées sur l'IA au sein de leur CRM B2B — telles que la réécriture de descriptions de biens immobiliers et la suggestion de stratégies de communication pour les agents.

L'intégralité du cycle de vie logiciel est gérée via GitHub, les GitHub Actions alimentant les pipelines CI/CD — y compris la purge automatisée du cache Cloudflare, qui garantit la fraîcheur du contenu mis en cache en périphérie après chaque déploiement.

Résultats concrets

Le nouveau portail a été lancé début mars 2026, et les résultats ont dépassé les attentes :

• Temps de réponse du serveur : 200 ms → 30 ms (réduction de 85 %)
• First Contentful Paint : 0,6 seconde sur ordinateur de bureau
• Nouveaux comptes utilisateurs : près de 100 000 créés au cours des trois premières semaines
• Gestion du trafic : les pics de trafic inattendus sont gérés de manière transparente grâce à la combinaison d'Azure et de SSR

Le projet a été dévoilé avec succès lors du roadshow national du Gruppo Toscano devant plus de 600 membres du réseau commercial, confirmant ainsi que la technologie .NET est prête à soutenir les ambitions de croissance et la transformation numérique du groupe.

Une transparence qui inspire confiance

Parmi les fonctionnalités du portail, celle dont Toscano Digital est la plus fière est l'Espace personnel. Les clients peuvent suivre chaque étape du processus d'achat ou de vente en temps réel, 24 heures sur 24 : statistiques de consultation du bien, rendez-vous planifiés, prospects reçus et canaux médiatiques spécifiques utilisés pour la commercialisation de leurs annonces.

La puissance de .NET nous permet de transformer la complexité du marché immobilier en une expérience utilisateur fluide, transparente et rapide."

Cette transparence totale a renforcé le lien de confiance entre les agences Toscano et leurs clients, transformant un investissement technologique en un avantage concurrentiel sur le marché immobilier italien.