如何获取Blazor WASM PWA应用的初始加载体积？

方法1：绕过Service Worker获取真实加载资源 #

PWA的Service Worker会缓存已加载资源，导致Network标签页无法显示完整初始加载内容，可通过以下步骤绕过：

• 打开Chrome开发者工具，切换到Application标签页
• 在左侧导航栏找到Service Workers，勾选「Bypass for network」选项
• 刷新页面，回到Network标签页，此时能看到所有初始加载的核心资源（包括_framework下的编译代码、框架文件等）
• 可直接查看Network标签页底部的总加载大小，或选中所有资源右键选择「Copy > Copy all as HAR」，用HAR分析工具统计总大小

方法2：统计本地发布目录的文件总大小 #

自包含模式下，本地发布的文件结构和Azure部署的完全一致，直接统计本地发布目录的大小即可：

• 执行发布命令完成后，找到项目路径下的bin/Release/netX.X/publish/wwwroot目录（X.X为你的.NET版本）
• 重点统计_framework文件夹的大小，这是Blazor核心代码、AOT编译产物的存放位置，也是初始加载的主要体积来源
• 整个wwwroot目录的总大小即为应用初始加载的近似体积

方法3：通过Blazor日志查看加载详情 #

在项目的Program.cs中添加日志配置，启用调试级别的Blazor日志：

builder.Services.AddLogging(builder =>
{
    builder.AddFilter("Microsoft.AspNetCore.Components.WebAssembly", LogLevel.Debug);
});

发布并启动应用后，在Chrome控制台的Console标签页，过滤debug级别日志，可找到每个资源加载的详细信息，包括文件大小、加载时长等

方法4：查看Azure部署的文件大小 #

• Azure Static Web Apps：进入部署中心查看部署包大小，或访问关联的存储账户，进入$web容器统计_framework等核心文件夹的总大小
• Azure App Service：打开Advanced Tools (Kudu)，进入site/wwwroot目录，查看文件大小统计信息

内容的提问来源于stack exchange，提问作者Cincy Steve