直接回答:可以写进验收,但只能作为有条件的分级指标,不能当成唯一的硬性条款。INP 反映的是真实用户交互延迟,受访客设备、网络环境和第三方脚本影响,验收时必须同时约定测量方法、抽样页面和基线对比方式。下面给出可以写进合同的判断标准与操作步骤。
INP 到底是什么指标,为什么值得写进建站验收?
INP 的英文全称是 Interaction to Next Paint,衡量用户点击、轻触或按键之后,页面给出下一次视觉反馈所花的时间。2024 年 3 月它取代 FID 成为核心网页指标之一,取值是页面所有交互延迟中的第 75 百分位。对做 WordPress 建站的外贸企业来说,它对应的就是产品筛选、移动端菜单、询盘表单这些按钮点下去有没有反应。
和早年只看加载速度不同,INP 关注的是页面加载完成之后的操作体验。WordPress 站点的问题多集中在长任务上:臃肿的主题、层层叠加的插件、页面构建器生成的脚本,会让浏览器主线程长时间被占用,用户点一下要等几百毫秒才看到变化。这类问题在实验室跑分里常常被平均掉,单看分数看不出来。
从采购角度看,INP 有价值是因为它贴近真实买家体验。B2B 外贸站的访客大多用手机、跨网络环境访问,一个筛选按钮延迟半秒,可能就让采购商失去耐心。但也要清楚它是统计型指标,需要一定访问量才能形成结论,单次截图证明不了什么,写进验收条款时必须配套测量规则。
INP 作为验收指标,合理边界在哪里?
可以写,但要分级。比较稳妥的做法是把 INP 定位成体验质量条款,与功能验收、内容验收分开管理,作为上线后一段时间内的观察项,而不是交付当天的一票否决项。原因很直接:交付当天站点还没有真实用户数据,任何截图都无法代表 INP 的真实水平,用它做否决依据对双方都不公平。
第一条边界是可归因性。INP 偏高可能来自服务器响应慢、主题代码、插件冲突,也可能来自第三方统计、在线客服、聊天机器人。合同里要写清楚哪些属于承包方可控范围,哪些是采购方自己加装或后续新增的工具,建议以清单方式逐项标注责任方,否则数值一旦不达标,双方很容易在责任上僵住。
第二条边界是时间窗,建议约定上线后不少于 28 天的数据观察期,避开上线初期的缓存冷启动与数据波动。第三条边界是替代方案,当流量不足以产生稳定数据时,用实验室指标做代理更实际,比如总阻塞时间、主线程长任务数量、第三方脚本数量上限、首屏 JS 体积,这些能在交付前测量、能复现,也方便双方核对。
| 指标类型 | 示例 | 建议用法 |
|---|---|---|
| 功能验收 | 表单提交、多语言切换、询盘流程 | 交付当天逐项签收,可一票否决 |
| 实验室性能 | 总阻塞时间、首屏 JS 体积、长任务数 | 交付前测量,写入技术附件作为基线 |
| 现场性能 INP | 第 75 百分位交互延迟 | 上线后观察期评估,按分档处理 |
| 第三方脚本 | 统计、客服、像素数量与加载方式 | 以清单形式约定上限与责任方 |
哪些页面和交互必须纳入 INP 抽样范围?
INP 是按页面统计的,不是全站一个平均分。验收抽样要覆盖交互最密集的页面,而不是首页截一张图了事。对外贸站来说,需要重点关注产品列表页的筛选与排序、产品详情页的规格切换、询盘表单、移动端导航,以及多语言和币种切换,这些位置每一次点击都在消耗主线程时间。
抽样可以按交互类型组织,不必按页面数量堆。由同一套模板生成的页面,交互路径基本一致,抽一到两个代表页就够;但不同模板必须分别抽样,比如首页、列表页、详情页、表单页各覆盖一次。如果站点装了 WooCommerce,购物车和结算流程要单独列入,因为它的交互链条最长,也最容易出问题。
还要提前写明排除项。营销活动页、临时着陆页、第三方嵌入的在线客服面板、外部预约或支付工具,往往不在承包方控制范围内,建议在合同附件里单独列出,注明只做提示不做考核。把排除项讲在前面,比事后争论某一段延迟该算谁的更省时间,也更容易让验收顺利收尾。
- 产品列表页的筛选、排序、分页点击响应
- 产品详情页的规格切换、图片放大、加入询盘清单
- 询盘与联系表单的输入、校验提示、提交反馈
- 移动端汉堡菜单展开与二级导航切换
- 多语言切换与币种切换的响应速度
- WooCommerce 购物车增删与结算步骤跳转
验收时怎么测量,阈值怎么定?
阈值可以参考公开标准,但不要照搬。业界普遍把第 75 百分位 INP 在 200 毫秒以内视为良好,200 到 500 毫秒为需要改进,超过 500 毫秒为差。合同里建议写成目标值 200 毫秒以内、可接受上限 300 毫秒,并注明这是观察期内统一统计规则下的结果,而不是某一次测试的最好成绩。
测量来源要对齐三个:谷歌的现场数据、站点自建的访问统计、实验室工具。前两者反映真实体验,后者用来定位具体是哪个脚本拖慢了主线程。验收报告应当同时呈现三类数据,只给一张跑分截图不足以支撑判断,也无法说明问题究竟出在服务器、主题代码还是后来加装的第三方工具。
数据量不足时要有备用规则。新站上线初期访问量小,四周内可能凑不够样本,可以约定:样本不足时暂以实验室指标加人工交互实测替代,待样本达标后再做一次复核,复核结果不作为扣款依据,只作为下一轮优化清单的输入。这条规则写清楚,能避免观察期结束时双方对着空白报表僵持。
INP 不达标时,整改责任怎么划分?
先看问题来源,再谈责任。如果 INP 偏高是因为主题或插件引入的长任务、未压缩的图片与字体、缺失的缓存策略,属于建站方交付范围,应当整改;如果是采购方后来加装了多个追踪像素、在线客服、聊天机器人,责任在采购方的运营决策,承包方可以提供优化建议,但不宜承担扣款。
整改要有次数和范围的约定。建议写承包方对列入清单的可控项承担一次完整优化并在优化后复测,而不是无限次返工。同时约定优化不得破坏已验收的功能,避免为了跑分把业务逻辑简化掉,比如去掉该有的表单校验,或者把本该直接显示的内容藏到二次点击之后。
争议常出现在改完之后仍未达到 200 毫秒的情况。这时要看基线对比:如果相较交付前有明显下降、已经接近阈值,可以按分档处理,例如达到 300 毫秒以内视为通过,剩余差距写入优化建议。把绝对值与相对改善同时写进条款,比只写一个数字更可执行,也更贴近真实的工程条件。
采购方和供应商分别要落实哪些动作?
采购方要做三件事。第一,提前列出必须保留的第三方工具清单,包括统计、客服、广告像素、邮件营销,让承包方在开发阶段就按这份清单做加载策略。第二,明确业务优先级,说清哪些交互不能为了性能被简化。第三,指定专人在观察期负责导出数据,否则条款写得再好,没人看数据也等于没有。
供应商也要做三件事。第一,交付前提供插件与脚本清单,说明每个插件的用途和加载位置,让采购方知道站点的重量从哪来。第二,把性能做进开发流程而不是收尾补丁,例如延迟加载非关键脚本、拆分长任务、避免在滚动和输入事件里做重计算。第三,提供可复现的测量说明,让采购方能自己验证结果。
双方还需要一套共同的表达方式。建议在合同附件放一张指标表,写清每个指标的名称、测量工具、阈值、测量时点和责任方,例如总阻塞时间由谁测、在哪个环境测、什么条件下算通过。出现分歧时不必争论感受,直接对照表格核对,这也是把技术条款变成可执行管理动作的关键一步。
小流量外贸站凑不够 INP 样本,这条款还有意义吗?
有意义,但用法要调整。样本不足时把它降级为参考项,用实验室的总阻塞时间、长任务数量、JS 体积作为主要考核,等流量上来再复核。条款里提前写好这个切换规则,就不会临时扯皮。
交付当天用工具跑一下,能不能证明 INP 达标?
不能。INP 来自真实用户交互数据,实验室工具无法直接给出这个数值,只能给出相关代理指标。交付当天应做的是功能验收和技术附件核对,INP 放到上线后的观察期再评估。
用了页面构建器,INP 一定很差吗?
不一定,但风险更高。构建器会生成较多脚本和 DOM 结构,如果再叠加多个插件和第三方工具,主线程容易长期繁忙。控制办法是限制插件数量、延迟加载非关键脚本,并在交付前实测而不是凭感觉判断。
承包方优化后仍未达标,可以扣款吗?
可以约定分档处理,但要先分清问题来源。属于承包方可控范围且相较基线无明显改善的,按约定比例处理;属于采购方新增工具导致的,应给一次重新基线机会。把归因规则写清楚,比只写扣款比例更重要。