聊天或评价组件看着很小,却可能增加脚本、框架及主线程工作。采购前应做隔离前后对照,写清业务用途和回退;文件体积不能单独说明交互是否变慢。
官方依据及事实范围
Google web.dev说明第三方JavaScript包含网络、解析及执行成本,可能延迟交互。 原始参考 · 2026年10月17日读取.
已填写的验收例子
合成教学情景,不是真实客户、平台实测或业务结果。窄屏可横向滚动案例表。
| 合成受控观察 | 基线到组件版 | 复核意义 |
|---|---|---|
| 传输脚本字节 | 80KB到260KB | 增加180KB;须说明压缩与缓存 |
| 所选轨迹主线程任务耗时 | 120ms到310ms | 本例增加190ms,不是INP分数 |
| 本项目示例预算 | 额外脚本不超150KB | 本例超30KB |
| 组件加载失败 | 保留静态联系链接 | 商业路径仍可用 |
按步骤执行的交付程序
- 约定组件用途、负责人及合成或获准隔离测试页,内容、浏览器、网络、缓存及设备条件保持可比。
- 分别开关组件做多轮测量,记录加载及交互分布与轨迹,不能用一次Lighthouse分数代替全部体验。
- 对照预算及功能价值,在隔离页评估供应商支持的延迟或点击加载,并检查可访问性和失败路径。
怎样解释结果
填好的算例显示超预算30KB,但不声称真实用户慢了190毫秒或询盘受影响。采购决定须有多次可比观察及功能依据;点击加载只是候选设计,不自动批准修改生产页。
明确的验收终点
须可复现设置、多次测量、功能核对及可用失败路径;没有可靠基线时明确影响未知。
适用范围及未验证项目
这里测量及预算全部合成;没有执行生产性能修复、首页修改、新追踪或第三方脚本。
下载已填写的双语验收记录 — 包含本页输入、步骤、预期及边界;是教学资料,不是执行程序。