Vaadin应用加载PDF时Chrome网络面板未统计渲染耗时，求原因解释

Chrome 网络面板仅统计网络请求链路的耗时，即从请求发送、服务器响应到客户端接收完全部响应数据的全过程，你提到的时间差属于浏览器本地处理与渲染阶段的耗时，不涉及任何网络请求，因此不会在网络面板中展示。

接收到PDF响应后到页面实际展示，中间主要执行以下本地操作：

• 响应数据校验：浏览器首先会校验响应头的Content-Type字段是否匹配PDF格式、校验二进制响应数据的完整性，排除传输损坏、加密等异常情况
• PDF文档结构解析：需要将二进制的PDF流拆解为独立的文本、字体、矢量图形、位图、批注等元素，文件越大、内容越复杂（比如包含大量嵌入特殊字体、高精度矢量图），解析耗时越长
• 渲染资源预处理：PDF嵌入的非系统字体需要加载到渲染引擎、内嵌的位图需要解码，这部分均为纯CPU计算任务，无网络请求产生
• Vaadin 组件渲染排队：Vaadin 基于Web Components实现，弹窗的DOM渲染、PDF预览容器（<embed>/<iframe>或PDF.js组件）的渲染会进入浏览器主线程的任务队列，如果当前页面还有待执行的JS任务、其他DOM重绘重排需求，PDF渲染任务会被延后执行，这部分排队时间也属于本地耗时

如果你需要排查这部分耗时，可以使用Chrome的「性能（Performance）」面板录制整个加载过程，就能直观看到解析、渲染各阶段的具体耗时分布，定位性能瓶颈。

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