網(wǎng)站性能 + 移動(dòng)端驗(yàn)收標(biāo)準(zhǔn)(適配國(guó)內(nèi)百度,可直接寫入合同附件,區(qū)分【強(qiáng)制達(dá)標(biāo)項(xiàng)】和【參考優(yōu)化項(xiàng)】)
說(shuō)明:測(cè)試環(huán)境統(tǒng)一要求:公網(wǎng)正式域名、真實(shí)服務(wù)器環(huán)境,不能在本地預(yù)覽 / 開發(fā)機(jī)測(cè)(本地速度虛高,不算驗(yàn)收合格)
一、網(wǎng)站性能驗(yàn)收標(biāo)準(zhǔn)(百度核心體驗(yàn)指標(biāo) Core Web Vitals)
? 強(qiáng)制驗(yàn)收標(biāo)準(zhǔn)(建站交付必須滿足,不滿足視為不合格)
- LCP 大內(nèi)容繪制(移動(dòng)端優(yōu)先)≤2.5s
LCP>4.5s 屬于差,百度會(huì)降低體驗(yàn)分;驗(yàn)收以 PageSpeed Insights 移動(dòng)端結(jié)果為準(zhǔn)。
- INP 交互響應(yīng) ≤200ms 按鈕、表單點(diǎn)擊無(wú)明顯卡頓;INP>500ms 判定交互差。
- CLS 累積布局偏移 ≤0.1 頁(yè)面加載時(shí)圖片、廣告、彈窗不會(huì)突然擠掉文字,頁(yè)面不亂跳。
- 全站頁(yè)面打開首屏加載(實(shí)測(cè)) 4G 手機(jī)網(wǎng)絡(luò),首頁(yè)首屏≤3s;產(chǎn)品 / 內(nèi)頁(yè)首屏≤3.5s。
- 圖片規(guī)范
- 大圖自動(dòng)壓縮,禁止直接上傳幾 MB 原圖
- 優(yōu)先 WebP 格式;圖片設(shè)置寬高屬性,減少 CLS
- 資源加載
- JS、CSS 做合并壓縮,無(wú)大量無(wú)用冗余代碼
- 非首屏 JS 延遲加載(懶加載)
- 服務(wù)器基礎(chǔ)
- 正常網(wǎng)絡(luò)下,服務(wù)器 TTFB 首字節(jié)響應(yīng)時(shí)間<600ms;超過(guò) 1s 屬于服務(wù)器響應(yīng)慢
- 無(wú)頻繁超時(shí)、502、503 報(bào)錯(cuò)
?? 參考優(yōu)化項(xiàng)(不卡驗(yàn)收,后續(xù)迭代優(yōu)化)
- 靜態(tài)資源 CDN 加速
- 預(yù)加載、預(yù)連接
- 緩存策略(瀏覽器緩存靜態(tài)圖片、CSS)
工具:Google PageSpeed Insights、GTmetrix;以移動(dòng)端分?jǐn)?shù)為主,PC 僅作參考
二、移動(dòng)端驗(yàn)收標(biāo)準(zhǔn)(重點(diǎn)區(qū)分:真響應(yīng)式 VS 偽自適應(yīng)大坑)
? 強(qiáng)制驗(yàn)收項(xiàng)
-
是真正響應(yīng)式布局,不是 PC 頁(yè)面縮小(偽適配) 判斷方法:
- PC 瀏覽器縮小窗口,頁(yè)面自動(dòng)重排,文字、按鈕自動(dòng)調(diào)整,不是整體縮小縮放
- 手機(jī)訪問(wèn),文字不極小,不需要手動(dòng)雙指縮放頁(yè)面
紅線:如果只是 PC 網(wǎng)頁(yè)縮小到手機(jī)屏幕,屬于不合格,會(huì)影響百度移動(dòng)收錄與移動(dòng)體驗(yàn)分。
-
視口標(biāo)簽必須正確(源碼 head 內(nèi))
<meta name="viewport" content="width=device-width, initial-scale=1">缺少這個(gè)標(biāo)簽 = 移動(dòng)端直接判定不合格。
- 內(nèi)容可讀性
- 正文文字≥16px,手機(jī)閱讀不費(fèi)力
- 行間距合理,文字不擠成一團(tuán)
- 觸控交互
- 按鈕、表單輸入框小尺寸≥44×44px
- 按鈕間距足夠,手指點(diǎn)擊不會(huì)誤觸;表單在手機(jī)可正常填寫、提交詢盤
- 移動(dòng)端無(wú)橫向滾動(dòng)條 手機(jī)左右不能滑動(dòng),出現(xiàn)橫向滾動(dòng)條屬于布局 bug。
- 多瀏覽器兼容性測(cè)試(必須實(shí)測(cè),不能只測(cè) Chrome) ? 微信內(nèi)置瀏覽器(重中之重!國(guó)內(nèi)訪客高頻入口) ? 蘋果 Safari ? 安卓自帶瀏覽器、Edge 手機(jī)版 要求:頁(yè)面排版正常、圖片正常加載、表單可提交,無(wú)錯(cuò)亂、白屏。
- 百度移動(dòng)可用性檢測(cè)(權(quán)威驗(yàn)收項(xiàng)) 百度搜索資源平臺(tái) - 移動(dòng)適配檢測(cè),無(wú)移動(dòng)可用性錯(cuò)誤: 禁止:內(nèi)容過(guò)小、點(diǎn)擊元素距離過(guò)近、橫向滾動(dòng)、插件不兼容(如 Flash)
?? 參考優(yōu)化項(xiàng)(不做硬性驗(yàn)收)
- 移動(dòng)端專屬簡(jiǎn)化導(dǎo)航、移動(dòng)端底部電話 / 詢盤懸浮按鈕
- 移動(dòng)端圖片優(yōu)先加載低分辨率圖
三、其他連帶驗(yàn)收(性能 + 移動(dòng)端容易漏掉)
- 彈窗:移動(dòng)端彈窗不能遮擋全部?jī)?nèi)容,關(guān)閉按鈕可用;彈窗不能強(qiáng)制無(wú)法關(guān)閉
- 視頻:視頻資源懶加載,不要阻塞首屏渲染
- 404 頁(yè)面移動(dòng)端正常展示,不是 PC 版縮小
- 表單:手機(jī)端提交詢盤,短信 / 郵件通知正常,不丟單
四、驗(yàn)收測(cè)試規(guī)則(寫進(jìn)合同,避免扯皮)
- 測(cè)試網(wǎng)絡(luò):手機(jī) 4G(不使用 WiFi,WiFi 內(nèi)網(wǎng)速度偏高)
- 測(cè)試頁(yè)面:首頁(yè)、產(chǎn)品列表頁(yè)、產(chǎn)品詳情頁(yè)、案例頁(yè)、聯(lián)系我們(核心 5 個(gè)頁(yè)面必測(cè))
- 判定規(guī)則:≥2 項(xiàng)強(qiáng)制指標(biāo)不達(dá)標(biāo),視為移動(dòng)端 / 性能不通過(guò),服務(wù)商整改
- 測(cè)試報(bào)告:交付時(shí)提供 PageSpeed 截圖 + 百度資源平臺(tái)移動(dòng)檢測(cè)截圖作為附件
五、極簡(jiǎn)驗(yàn)收勾選清單(直接復(fù)制到合同附件)
性能
- PageSpeed 移動(dòng)端:LCP ≤2.5s,INP ≤200ms,CLS ≤0.1
- TTFB<600ms,無(wú) 502/503 頻繁報(bào)錯(cuò)
- 圖片壓縮、大圖懶加載,無(wú)超大原圖
- CSS/JS 壓縮精簡(jiǎn),無(wú)冗余代碼
移動(dòng)端
- 含正確 viewport 標(biāo)簽,真響應(yīng)式,非 PC 縮小偽適配
- 手機(jī) 4G 訪問(wèn),無(wú)橫向滾動(dòng)條
- 文字≥16px,按鈕≥44px,無(wú)密集誤觸
- 微信瀏覽器、Safari、安卓瀏覽器頁(yè)面正常,表單可提交
- 百度資源平臺(tái)移動(dòng)可用性檢測(cè)無(wú)報(bào)錯(cuò)




