服务端渲染页面指标良好但可交互时间滞后时应如何优化

# 核心结论

服务端渲染页面能够快速显示内容，不代表用户已经可以顺畅操作。应把“内容可见”和“交互可用”拆成两条性能链路：前者关注首字节、关键资源与最大内容绘制，后者关注脚本下载、解析、执行、水合、事件绑定和主线程调度。页面指标看似良好但可交互时间滞后时，优化重点通常是减少首个执行窗口内的同步脚本和水合工作，并按交互优先级调度组件，而不是继续单独优化图片或服务端缓存。

# 底层机制

服务端渲染先返回可展示的文档结构，但浏览器仍需解析样式和脚本、建立渲染结构，并把静态标记恢复为具有状态和事件的客户端组件。若首屏包含大量同步水合逻辑，用户虽然已经看到按钮，点击事件却可能排在长任务之后；如果静态内容和客户端首次渲染结果不一致