Toscano Digital 使用 Blazor 和 .NET 构建高流量房地产门户

为数百万用户实现现代化

Toscano Digital 自 2014 年起采用 .NET。2020 年，团队提前选择 Blazor WebAssembly，推出其关键任务 B2B CRM 的第二版，该系统每天被 Gruppo Toscano 网络中约 1,000 名协作者使用。从 .NET Framework 和 jQuery 迁移到 Web API 和 Blazor WebAssembly 取得了巨大成功，实现了更快的功能迭代并大幅简化了维护。

但当需要重建集团面向公众的门户 - 一个数百万意大利人用来找房的 B2C 网站时，情况就不同了。新网站必须针对 SEO 优化，因为自然搜索是房地产房源流量的主要来源。它需要在移动设备上快速加载。并且需要能够处理不可预测的流量高峰。

传统做法是聘请专门使用 React、Next.js 或 Vue 的独立前端团队。Toscano Digital 评估过这些选项，但首席执行官 Pietro Montelatici 选择了另一条路。“采用 JavaScript 框架会导致团队技能分散，且共享业务逻辑的管理更复杂。”他解释道，“对于我们这样精简的团队来说，前后端使用同一种语言是无可比拟的生产力倍增器。”

团队选择在内部 CRM 和面向公众的门户上全面采用 Blazor，押注 .NET 10 的服务器端渲染能力能够满足高流量消费者网站对 SEO 和性能的需求。

用于 SEO 和速度的“中立 SSR”架构

为了满足搜索引擎优化(SEO)需求，同时保留用户期望的丰富交互性，Toscano Digital 设计了一个分层架构，将静态服务器端渲染与 WebAssembly 混合相结合:

• 静态 SSR: 使用 .NET 10 的静态服务器端渲染，页面在服务器上呈现，并以完全格式的 HTML 传递，搜索引擎可以立即编制索引。
• 边缘缓存: 呈现的 HTML 有意去除用户特定的个性化设置，以便 Cloudflare 可以将其缓存在边缘，从而在全球范围内进行亚秒级交付。缓存清除通过每次部署时的 GitHub Actions 自动完成。
• WASM 混合: 加载初始页面后，Blazor WebAssembly 将接管以提供交互性和个性化。用户特定的数据(如保存的搜索和帐户详细信息)在初始呈现后通过 API 加载。

此方法为 Toscano Digital 提供两全其美的结果: 搜索引擎可看到完全呈现的内容，而用户在页面交互后会获得类似于应用的流畅体验。

PersistentComponentState: 简化的切换

将服务器端呈现与客户端交互相结合，最棘手的部分之一是两者之间的切换。当 Blazor WebAssembly 接管服务器渲染的页面时，应用程序状态需要无缝传递，避免冗余的 API 调用和明显的闪烁现象。

在 .NET 10 中，Blazor 引入了 [PersistentState] 属性，极大地简化了流程。对 Toscano Digital 来说，这一改进具有变革性意义。

PersistentComponentState 远不止是一项功能；它为传统方法缺少的服务器到客户端切换提供了可靠可靠的基础，使 Blazor 成为大规模 B2C 的真正合理选择。”

[PersistentState] 属性消除了团队之前为手动管理状态传输而编写的复杂样本代码。相比于早期方法，声明式模型提供了更强大、更可靠的机制，使整个架构的可维护性大幅提升。

针对移动端“最后一英里”进行调优

在核心架构搭建完成后，Toscano Digital 将注意力转向了移动端性能。其桌面端表现强劲，首次内容绘制仅需 0.6 秒。但移动设备的总阻塞时间却超过了一秒，这主要是由 WebAssembly 运行时启动和混合阶段导致的。

团队投入大量精力优化体验，尝试了 AOT 编译和程序集裁剪策略。测试显示了细微的权衡: 虽然提前编译提升了执行速度，但可能会增加移动设备上的初始解析时间。Toscano Digital 与 Microsoft 的 Blazor 工程团队直接合作，探索了高级加载策略，比如延迟 WebAssembly 初始化直到需要用户交互，从而在不影响功能的前提下提升感知性能。

结果显而易见。得益于新架构，平均服务器响应时间从 200 毫秒降至仅 30 毫秒，提升了 85%。

真正的全栈团队

借助 .NET 10 和 Blazor 技术，我们打破了前端与后端之间的壁垒，使得一个仅有 5 人的小型团队也能管理大规模、复杂的产品。"

对 Montelatici 来说，选择 .NET 带来的最大影响是组织层面的。通过跨整个堆栈的单一语言和框架，构建后端服务的开发人员与创建用户界面的开发人员之间没有障碍。五人团队中的每个人都可以在系统的任何部分工作。

这大幅减少了沟通开销和集成错误，避免了大型孤立团队常见的摩擦。功能从构想到上线更快，团队能及时响应业务需求，无需等待专家介入。

除了 C#，团队还依赖 .NET 功能(如模式匹配)来管理复杂的 URL 路由逻辑，并采用 LINQ 进行数据处理。Montelatici 认为这两者对于保持大型代码库中代码的简洁和表达力至关重要。

基于 Azure 和 GitHub 构建

Toscano Digital 的基础设施完全运行在 Microsoft Azure 上，包括应用服务、Azure Functions、Azure SQL、服务总线、Blob 存储、逻辑应用，以及 Microsoft Foundry，用于其 B2B CRM 中的 AI 功能，如重写房产描述和为经纪人推荐沟通策略。

整个软件生命周期通过 GitHub 进行管理，其中GitHub Actions支持 CI/CD 管道，包括自动 Cloudflare 缓存清除，以便在每次部署后保持其边缘缓存内容的全新。

实际成果

新门户于 2026 年 3 月初上线，结果超出了预期:

• 服务器响应时间: 200 毫秒 → 30 毫秒(缩短 85%)
• 首次内容绘制: 桌面端 0.6 秒
• 新用户帐户: 前三周创建了近 100,000 个
• 流量处理: 通过 Azure 和 SSR 的组合无缝管理意外的流量高峰

该项目在 Gruppo Toscano 面向 600 多名商业网络成员的全国路演中成功亮相，确认 .NET 技术已准备好支持集团的增长目标和数字化转型。

建立信任的透明度

在门户的功能中，Toscano Digital 最引以为傲的是个人专区。客户可以全天 24 小时实时监控买卖过程的每个阶段: 房产浏览统计、预约安排、收到的潜在客户以及用于推广房源的具体媒体渠道。

.NET 的强大功能使我们能够将房地产市场的复杂性转变为流畅、透明且快速的用户体验。”

这种完全透明增强了 Toscano 代理机构与客户之间的信任，将技术投资转化为意大利房地产市场的竞争优势。