Toscano Digital crea un portal de bienes raíces de gran tráfico con Blazor y .NET

Modernización para millones de usuarios

Toscano Digital es una tienda de .NET desde 2014. En 2020, el equipo apostó por Blazor WebAssembly para la segunda versión de su CRM B2B crítico, que usan diariamente aproximadamente 1 000 colaboradores en la red Gruppo Toscano. Esa migración de .NET Framework y jQuery a Web API y Blazor WebAssembly fue un éxito importante, ya que proporciona una velocidad de características más rápida y un mantenimiento mucho más sencillo.

Pero cuando llegó el momento de recompilar el portal de acceso público del grupo, un sitio B2C donde millones de italianos buscan hogares, los riesgos eran diferentes. El nuevo sitio debe optimizarse para SEO, ya que la búsqueda orgánica es el principal impulsor del tráfico de las listas de propiedades. Necesitaba cargarse rápidamente en dispositivos móviles. Y era necesario controlar los picos de tráfico impredecibles.

El enfoque convencional habría sido contratar a un equipo de front-end independiente especializado en React, Next.js o Vue. Toscano Digital evaluó esas opciones, pero el CEO Pietro Montelatici, vio un camino diferente. "La adopción de un marco de JavaScript habría requerido la fragmentación de los conjuntos de aptitudes de nuestro equipo y la creación de una administración más compleja de la lógica de negocios compartida", explica. "Para un equipo eficiente como el nuestro, poder usar el mismo idioma tanto en el back-end como en el front-end es un multiplicador de productividad brillante."

El equipo decidió apostar por Blazor tanto para el CRM interno como para el portal público, confiando en que las capacidades de renderizado del lado servidor de .NET 10 podrían ofrecer el SEO y el rendimiento que exige un sitio de consumo con alto tráfico.

Una arquitectura "SSR neutral" para SEO y velocidad

Para satisfacer sus requisitos de optimización del motor de búsqueda (SEO) a la vez que conserva la gran interactividad que esperan sus usuarios, Toscano Digital diseñó una arquitectura superpuesta que combina la representación estática del lado servidor con la hidratación de WebAssembly:

• SSR estático: mediante la representación estática del lado servidor de .NET 10, las páginas se representan en el servidor y se entregan como HTML con formato completo que los motores de búsqueda pueden indexar al instante.
• Almacenamiento en caché perimetral: el HTML representado es deliberadamente "neutro"," eliminado de la personalización específica del usuario, para que Cloudflare pueda almacenarlo en caché en el perímetro para la entrega en subsecuencia en todo el mundo. La purga de caché se automatiza mediante Acciones de GitHub en cada implementación.
• Hidratación de WASM: una vez que se carga la página inicial, Blazor WebAssembly toma el control para proporcionar interactividad y personalización. Los datos específicos del usuario, como las búsquedas guardadas y los detalles de la cuenta, se cargan a través de la API después de la representación inicial.

Este enfoque ofrece a Toscano Digital lo mejor de ambos mundos: los motores de búsqueda ven contenido completamente renderizado, mientras que los usuarios disfrutan de una experiencia fluida similar a una aplicación una vez que la página es interactiva.

PersistentComponentState: entrega simplificada

Uno de los aspectos más complicados de combinar la representación del lado servidor con la interactividad del lado cliente es la entrega entre los dos. Cuando Blazor WebAssembly toma el control de la página renderizada por el servidor, el estado de la aplicación debe transferirse sin problemas, sin llamadas API redundantes ni parpadeos visibles.

En .NET 10, Blazor introdujo el atributo [PersistentState], lo que simplifica drásticamente el proceso. Para Toscano Digital, esta mejora fue transformadora.

PersistentComponentState es mucho más que una característica; proporciona una base sólida y confiable para la entrega de servidor a cliente que carecía de métodos tradicionales, lo que convierte a Blazor en la opción verdaderamente razonable para B2C a gran escala."

El atributo [PersistentState] eliminó el código reutilizable complejo que el equipo había escrito previamente para administrar la transferencia de estado manualmente. En comparación con sus enfoques anteriores, el modelo declarativo proporciona un mecanismo más sólido y confiable, lo que hace que toda la arquitectura sea mucho más fácil de mantener.

Optimización de la "última milla" en dispositivos móviles

Con la arquitectura básica implementada, Toscano Digital ha puesto su atención en el rendimiento móvil. Los resultados de escritorio fueron sólidos, con una primera pintura con contenido de solo 0,6 segundos. Pero el tiempo total de bloqueo en dispositivos móviles superó un segundo, causado por la fase de arranque e hidratación del entorno de ejecución de WebAssembly.

El equipo ha trabajado ampliamente para optimizar la experiencia, experimentando con las estrategias de compilación de AOT y recorte de ensamblados. Sus pruebas revelaron inconvenientes matiz: aunque la compilación anticipada mejoró la velocidad de ejecución, podría aumentar el tiempo de análisis inicial en dispositivos móviles. Al trabajar directamente con el equipo de ingeniería Blazor de Microsoft, Toscano Digital ha explorado estrategias de carga avanzadas, como retrasar la inicialización de WebAssembly hasta que se requiera la interacción del usuario, lo que mejora el rendimiento percibido sin sacrificar la funcionalidad.

Los resultados hablan por sí mismos. Gracias a la nueva arquitectura, el tiempo medio de respuesta del servidor se redujo de 200 milisegundos a solo 30 milisegundos, lo que supone una mejora del 85 %.

Un verdadero equipo de pila completa

Con .NET 10 y Blazor, hemos dividido la pared entre el front-end y el back-end, lo que permite a un pequeño equipo de 5 administrar productos complejos a gran escala."

Para Montelatici, el mayor impacto de elegir .NET ha sido la organización. Con un único lenguaje y marco que abarca toda la pila, no hay barreras entre los desarrolladores que crean servicios back-end y los que crean la interfaz de usuario. Todos los miembros del equipo de cinco personas pueden trabajar en cualquier parte del sistema.

Esto ha reducido drásticamente la sobrecarga de comunicación y los errores de integración, ese tipo de fricción que ralentiza a los equipos grandes y aislados. Las características pasan de una idea a una producción más rápido y el equipo puede responder a las necesidades empresariales sin tener que esperar a especialistas.

Más allá de C#, el equipo se basa en características de .NET como la coincidencia de patrones para administrar la lógica compleja de enrutamiento de direcciones URL y LINQ para la manipulación de datos. Montelatici se describe como imprescindible para mantener el código limpio y expresivo en un código base grande.

Basado en Azure y GitHub

La infraestructura de Toscano Digital funciona completamente en Microsoft Azure, incluyendo App Service, Azure Functions, Azure SQL, Service Bus, Blob Storage, Logic Apps, y Microsoft Foundry para funciones impulsadas por IA en su CRM B2B, como reescribir descripciones de propiedades y sugerir estrategias de comunicación para agentes.

El ciclo de vida completo del software se administra a través de GitHub con Acciones de GitHub canalizaciones de CI/CD, incluida la purga automatizada de la memoria caché de Cloudflare que mantiene actualizado su contenido almacenado en caché perimetral después de cada implementación.

Resultados reales

El nuevo portal se lanzó a principios de marzo de 2026 y los resultados superaron las expectativas:

• Tiempo de respuesta del servidor: 200 ms → 30 ms (reducción del 85 %)
• Primera pintura con contenido: 0,6 segundos en el escritorio
• Nuevas cuentas de usuario: casi 100 000 creadas en las tres primeras semanas
• Control del tráfico: picos de tráfico inesperados administrados sin problemas mediante la combinación de Azure y SSR

El proyecto se presentó con éxito durante la gira nacional de Gruppo Toscano ante más de 600 miembros de la red comercial, confirmando que la tecnología .NET está lista para apoyar las ambiciones de crecimiento y la transformación digital del grupo.

Transparencia que genera confianza

Entre las características del portal, la que más orgullo le da a Toscano Digital es el Área Personal. Los clientes pueden supervisar cada fase del proceso de compra o venta en tiempo real, las 24 horas del día: estadísticas de visualización de propiedades, citas programadas, clientes potenciales recibidos y los canales de medios específicos usados para promocionar sus anuncios.

La potencia de .NET nos permite transformar la complejidad del mercado de bienes raíces en una experiencia de usuario fluida, transparente y rápida."

Esta transparencia total ha refuerza el vínculo de confianza entre las agencias de Toscano y sus clientes, lo que ha convertido una inversión tecnológica en una ventaja competitiva en el mercado de bienes raíces de Italia.