Toscano Digital crea un portale immobiliare ad alto traffico con Blazor e .NET

Modernizzazione per milioni di utenti

Toscano Digital usa .NET dal 2014. Nel 2020, il team ha subito puntato su Blazor WebAssembly per la seconda versione della soluzione B2B CRM, di importanza critica per l'azienda e usata quotidianamente da circa 1.000 collaboratori in tutta la rete del Gruppo Toscano. La migrazione da .NET Framework e jQuery all'API Web e Blazor WebAssembly è stata un grande successo, garantendo una maggiore velocità nello sviluppo delle funzionalità e una manutenzione notevolmente più semplice.

Ma quando è arrivato il momento di riorganizzare il portale rivolto al pubblico del gruppo, un sito B2C dove milioni di italiani cercano casa, la posta in gioco era totalmente diversa. Il nuovo sito doveva essere ottimizzato per la ricerca SEO, poiché la ricerca organica è la principale sorgente di traffico per gli annunci immobiliari. Doveva inoltre caricarsi rapidamente sui dispositivi mobili, nonché gestire picchi di traffico imprevedibili.

L'approccio tradizionale sarebbe stato quello di assumere un team front-end dedicato, specializzato in React, Next.js o Vue. Mentre Toscano Digital valutava questa opzione, il CEO Pietro Montelatici ha intravisto una strada diversa. "L'adozione di un framework JavaScript avrebbe comportato una frammentazione delle competenze del nostro team e una gestione più complessa della logica di business condivisa", ha spiegato. "Per un team snello come il nostro, poter usare lo stesso linguaggio sia nel back-end che nel front-end è un moltiplicatore di produttività imbattibile."

Il team ha deciso di puntare tutto su Blazor sia per la soluzione CRM interna che per il portale rivolto al pubblico, scommettendo sul fatto che le funzionalità di rendering lato server di .NET 10 fossero in grado di garantire l'ottimizzazione del motore di ricerca e le prestazioni richieste da un sito consumer ad alto traffico.

Un'architettura "SSR neutrale" per l'ottimizzazione del motore di ricerca e la velocità

Per soddisfare i requisiti di ottimizzazione dei motori di ricerca e garantire al contempo l'elevata interattività che gli utenti si aspettano, Toscano Digital ha progettato un'architettura a più livelli che combina il rendering statico lato server con il processo di idratazione di WebAssembly:

• SSR statico: usando il rendering statico lato server di .NET 10, le pagine vengono sottoposte a rendering nel server e recapitate come HTML completamente formato, che i motori di ricerca possono indicizzare immediatamente.
• Memorizzazione nella cache perimetrale: il codice HTML di cui è stato eseguito il rendering è deliberatamente "neutro", ovvero privato di personalizzazioni specifiche degli utenti, in modo che Cloudflare possa memorizzarlo nella cache perimetrale e garantire una distribuzione in meno di un secondo in tutto il mondo. La pulizia della cache viene eseguita automaticamente tramite GitHub Actions ad ogni distribuzione.
• Processo di idratazione WASM: dopo il caricamento della pagina iniziale, Blazor WebAssembly assume il controllo per garantire interattività e personalizzazione. I dati specifici dell'utente, come le ricerche salvate e i dettagli dell'account, vengono caricati tramite l'API dopo il rendering iniziale.

Questo approccio offre a Toscano Digital la combinazione migliore: i motori di ricerca visualizzano contenuti di cui è stato eseguito il rendering completo, mentre gli utenti ottengono un'esperienza fluida, simile a quella di un'app, non appena la pagina diventa interattiva.

PersistentComponentState per la massima semplicità di trasferimento delle informazioni

Uno degli aspetti più complessi quando si combina il rendering lato server con l'interattività lato client è lo scambio di informazioni tra i due. Quando Blazor WebAssembly acquisisce il controllo dalla pagina sottoposta a rendering dal server, lo stato dell'applicazione deve essere trasferito rapidamente, senza chiamate API ridondanti o sfarfallio visibile.

In .NET 10, Blazor ha introdotto l'attributo [PersistentState], che semplifica notevolmente il processo. Per Toscano Digital, questo miglioramento ha rappresentato una vera e propria svolta.

PersistentComponentState è molto più di una semplice funzionalità; offre una base solida e affidabile per il passaggio di informazioni dal server al client, di cui i metodi tradizionali erano privi, rendendo Blazor la scelta davvero più sensata per il B2C su larga scala."

L'attributo [PersistentState] ha eliminato il complesso codice boilerplate che il team aveva scritto in precedenza per gestire manualmente il trasferimento dello stato. Rispetto agli approcci precedenti, il modello dichiarativo ha offerto un meccanismo più solido e affidabile, rendendo l'intera architettura notevolmente più facile da gestire.

Ottimizzazione per l'"ultimo miglio" su dispositivi mobili

Dopo aver definito l'architettura di base, Toscano Digital ha concentrato la propria attenzione sulle prestazioni sui dispositivi mobili. I risultati su desktop sono stati eccellenti, con un First Contentful Paint di soli 0,6 secondi. Il Total Blocking Time (TBT, tempo di blocco totale) sui dispositivi mobili, tuttavia, ha superato il secondo a causa delle fasi di avvio e idratazione del runtime di WebAssembly.

Il team ha lavorato intensamente per ottimizzare l'esperienza, sperimentando strategie di compilazione AOT e trimming degli assembly. I test hanno evidenziato sottili vantaggi e svantaggi: se la compilazione ahead-of-time da un lato migliorava la velocità di esecuzione, dall'altro poteva aumentare il tempo di analisi iniziale sui dispositivi mobili. Collaborando a diretto contatto con il team di ingegneri Blazor di Microsoft, Toscano Digital ha studiato strategie di caricamento avanzate, come il rinvio dell'inizializzazione di WebAssembly fino al momento in cui è richiesta l'interazione dell'utente, migliorando così le prestazioni percepite senza compromettere la funzionalità.

I risultati parlano da soli. Grazie alla nuova architettura, il tempo medio di risposta del server è sceso da 200 millisecondi a soli 30 millisecondi, con un miglioramento dell'85%.

Un vero team con stack completo

Con .NET 10 e Blazor abbiamo abbattuto il muro tra front-end e back-end, consentendo a un piccolo team di 5 persone di gestire prodotti complessi e su larga scala."

Per Montelatici, l'impatto maggiore della scelta di .NET è stato a livello organizzativo. Grazie a un unico linguaggio e a un unico framework che coprono l'intero stack, non esistono barriere tra gli sviluppatori che realizzano i servizi di back-end e quelli che creano l'interfaccia utente. Tutti i cinque membri del team possono lavorare su qualsiasi parte del sistema.

Questo ha ridotto drasticamente gli oneri di comunicazione e gli errori di integrazione, ovvero quei tipi di attrito che rallentano i team più grandi e compartimentati. Le funzionalità passano dall'idea alla produzione più rapidamente e il team può rispondere alle esigenze aziendali senza dover attendere l'intervento di specialisti.

Oltre a C#, il team si affida a funzionalità .NET come Criteri di ricerca per la gestione della logica di routing di URL complessi e LINQ per la manipolazione dei dati. Montelatici li descrive entrambi come indispensabili per mantenere il codice pulito ed espressivo in un codebase di grandi dimensioni.

Con tecnologia Azure e GitHub

L'infrastruttura di Toscano Digital viene eseguita interamente in Microsoft Azure, che include Servizio app di Azure, Funzioni di Azure, Azure SQL, il bus di servizio, Archiviazione BLOB, App per la logica e Microsoft Foundry, per le funzionalità basate su intelligenza artificiale della soluzione CRM B2B, ad esempio per riscrivere le descrizioni delle proprietà e consigliare strategie di comunicazione per gli agenti.

L'intero ciclo di vita del software viene gestito tramite GitHub, con GitHub Actions che alimenta le pipeline CI/CD, compresa la pulizia automatica della cache di Cloudflare che mantiene aggiornati i contenuti memorizzati nella cache periferica dopo ogni distribuzione.

Risultati concreti

Il nuovo portale è stato lanciato all'inizio di marzo 2026 e i risultati hanno superato le aspettative:

• Tempo di risposta del server: 200 ms → 30 ms (riduzione dell'85%)
• First Contentful Paint: 0,6 secondi sul desktop
• Nuovi account utente: quasi 100.000 creati nelle prime tre settimane
• Gestione del traffico: picchi di traffico imprevisti gestiti in modo ottimale grazie alla combinazione di Azure e SSR

Il progetto è stato presentato con successo durante il roadshow nazionale del Gruppo Toscano davanti a oltre 600 membri della rete commerciale, confermando che la tecnologia .NET è pronta a sostenere le ambizioni di crescita e la trasformazione digitale del gruppo.

Trasparenza che crea fiducia

Tra le funzionalità del portale, quella di cui Toscano Digital è più orgogliosa è Area personale. I clienti possono monitorare ogni fase del processo di acquisto o vendita in tempo reale, 24 ore su 24: statistiche di visualizzazione delle proprietà, appuntamenti pianificati, lead ricevuti e canali multimediali specifici usati per promuovere gli annunci.

La potenza di .NET ci permette di trasformare la complessità del mercato immobiliare in un'esperienza utente fluida, trasparente e veloce."

Questa totale trasparenza ha rafforzato il legame di fiducia tra le agenzie Toscano e i propri clienti, trasformando un investimento tecnologico in un vantaggio competitivo nel mercato immobiliare italiano.