网站性能 + 移动端验收标准(适配国内百度,可直接写入合同附件,区分【强制达标项】和【参考优化项】)
说明:测试环境统一要求:公网正式域名、真实服务器环境,不能在本地预览 / 开发机测(本地速度虚高,不算验收合格)
一、网站性能验收标准(百度核心体验指标 Core Web Vitals)
✅ 强制验收标准(建站交付必须满足,不满足视为不合格)
- LCP 大内容绘制(移动端优先)≤2.5s
LCP>4.5s 属于差,百度会降低体验分;验收以 PageSpeed Insights 移动端结果为准。
- INP 交互响应 ≤200ms 按钮、表单点击无明显卡顿;INP>500ms 判定交互差。
- CLS 累积布局偏移 ≤0.1 页面加载时图片、广告、弹窗不会突然挤掉文字,页面不乱跳。
- 全站页面打开首屏加载(实测) 4G 手机网络,首页首屏≤3s;产品 / 内页首屏≤3.5s。
- 图片规范
- 大图自动压缩,禁止直接上传几 MB 原图
- 优先 WebP 格式;图片设置宽高属性,减少 CLS
- 资源加载
- JS、CSS 做合并压缩,无大量无用冗余代码
- 非首屏 JS 延迟加载(懒加载)
- 服务器基础
- 正常网络下,服务器 TTFB 首字节响应时间<600ms;超过 1s 属于服务器响应慢
- 无频繁超时、502、503 报错
🟡 参考优化项(不卡验收,后续迭代优化)
- 静态资源 CDN 加速
- 预加载、预连接
- 缓存策略(浏览器缓存静态图片、CSS)
工具:Google PageSpeed Insights、GTmetrix;以移动端分数为主,PC 仅作参考
二、移动端验收标准(重点区分:真响应式 VS 伪自适应大坑)
✅ 强制验收项
-
是真正响应式布局,不是 PC 页面缩小(伪适配) 判断方法:
- PC 浏览器缩小窗口,页面自动重排,文字、按钮自动调整,不是整体缩小缩放
- 手机访问,文字不极小,不需要手动双指缩放页面
红线:如果只是 PC 网页缩小到手机屏幕,属于不合格,会影响百度移动收录与移动体验分。
-
视口标签必须正确(源码 head 内)
<meta name="viewport" content="width=device-width, initial-scale=1">缺少这个标签 = 移动端直接判定不合格。
- 内容可读性
- 正文文字≥16px,手机阅读不费力
- 行间距合理,文字不挤成一团
- 触控交互
- 按钮、表单输入框小尺寸≥44×44px
- 按钮间距足够,手指点击不会误触;表单在手机可正常填写、提交询盘
- 移动端无横向滚动条 手机左右不能滑动,出现横向滚动条属于布局 bug。
- 多浏览器兼容性测试(必须实测,不能只测 Chrome) ✅ 微信内置浏览器(重中之重!国内访客高频入口) ✅ 苹果 Safari ✅ 安卓自带浏览器、Edge 手机版 要求:页面排版正常、图片正常加载、表单可提交,无错乱、白屏。
- 百度移动可用性检测(权威验收项) 百度搜索资源平台 - 移动适配检测,无移动可用性错误: 禁止:内容过小、点击元素距离过近、横向滚动、插件不兼容(如 Flash)
🟡 参考优化项(不做硬性验收)
- 移动端专属简化导航、移动端底部电话 / 询盘悬浮按钮
- 移动端图片优先加载低分辨率图
三、其他连带验收(性能 + 移动端容易漏掉)
- 弹窗:移动端弹窗不能遮挡全部内容,关闭按钮可用;弹窗不能强制无法关闭
- 视频:视频资源懒加载,不要阻塞首屏渲染
- 404 页面移动端正常展示,不是 PC 版缩小
- 表单:手机端提交询盘,短信 / 邮件通知正常,不丢单
四、验收测试规则(写进合同,避免扯皮)
- 测试网络:手机 4G(不使用 WiFi,WiFi 内网速度偏高)
- 测试页面:首页、产品列表页、产品详情页、案例页、联系我们(核心 5 个页面必测)
- 判定规则:≥2 项强制指标不达标,视为移动端 / 性能不通过,服务商整改
- 测试报告:交付时提供 PageSpeed 截图 + 百度资源平台移动检测截图作为附件
五、极简验收勾选清单(直接复制到合同附件)
性能
- PageSpeed 移动端:LCP ≤2.5s,INP ≤200ms,CLS ≤0.1
- TTFB<600ms,无 502/503 频繁报错
- 图片压缩、大图懒加载,无超大原图
- CSS/JS 压缩精简,无冗余代码
移动端
- 含正确 viewport 标签,真响应式,非 PC 缩小伪适配
- 手机 4G 访问,无横向滚动条
- 文字≥16px,按钮≥44px,无密集误触
- 微信浏览器、Safari、安卓浏览器页面正常,表单可提交
- 百度资源平台移动可用性检测无报错




