预渲染为什么可能加快首屏却拖慢页面可交互时间？

# 核心结论

预渲染可能让首屏更快出现，却拖慢页面可交互时间，因为“生成可见内容”和“让内容具备交互能力”是两个不同阶段。服务端渲染或构建期生成可以提前输出页面结构，使浏览器更早解析正文并开始绘制；但客户端仍可能需要下载、解析和执行大量脚本，恢复组件状态、校验现有结构、绑定事件并运行初始化副作用。如果激活工作过重，用户会看到内容已经出现，却在点击、输入或滚动关联功能时长时间得不到响应。

# 底层机制

浏览器接收预渲染标记后，可以逐步构建 DOM，发现样式、图片和脚本，并在条件满足时绘制内容。与从空容器完全由客户端创建首屏相比，预渲染减少了首轮结构创建等待。然而，页面要变得可交互，客户端通常还需执行水合或激活：把现有