提高移動網(wǎng)站在百度質(zhì)量度等級的詳細(xì)說明【三】優(yōu)化頁面性能
百度也發(fā)布了移動建站指南,圖文并茂的描述了如何提高移動站在百度質(zhì)量度的等級,在百度推廣后臺已經(jīng)有“移動站點(diǎn)質(zhì)量度”的星級評價體系了,頁面大小、頁面內(nèi)容、頁面樣式、轉(zhuǎn)化渠道等因素都會影響質(zhì)量度星級,加載速度快、內(nèi)容豐富的頁面質(zhì)量度星級更高,提升移動網(wǎng)站質(zhì)量可以增強(qiáng)用戶體驗(yàn)和轉(zhuǎn)化效果。
提高移動網(wǎng)站在百度質(zhì)量度等級的詳細(xì)說明【一】怎樣做好網(wǎng)頁頁面設(shè)計?
提高移動網(wǎng)站在百度質(zhì)量度等級的詳細(xì)說明【二】 內(nèi)容設(shè)置的幾條準(zhǔn)則
提高移動網(wǎng)站在百度質(zhì)量度等級的詳細(xì)說明【三】 優(yōu)化頁面性能
(1)控制加載時間與網(wǎng)頁大小

(跳出前等待時間的用戶比例)
加載時間:單頁面5S以內(nèi)
網(wǎng)頁大小:單頁面50K以內(nèi)
優(yōu)化加載時間和網(wǎng)頁大?。褐攸c(diǎn)在前端優(yōu)化
減少HTTP請求:減少重定向,合并圖片,懶加載……
減少傳輸數(shù)據(jù)大?。簤嚎s圖像,開啟GZIP……
考慮到移動設(shè)備和移動互聯(lián)網(wǎng)的特點(diǎn),在進(jìn)行移動網(wǎng)站的頁面開發(fā)設(shè)計時,一個總的原則是考慮用戶訪問的效率,降低頁面加載時間。
(2)減少訪問請求數(shù)
從設(shè)計實(shí)現(xiàn)層面簡化頁面,不要放太多的圖片、復(fù)雜的表達(dá)、動畫、視頻等等,
資源合并及壓縮:比如將背景圖片、導(dǎo)航圖片等等作為一張圖片,這樣只需一次請求,而不是多次。
靜態(tài)資源(Css、Js、Image)懶加載
異步執(zhí)行inline腳本
避免重復(fù)的資源請求
縮小cooike
設(shè)置連接方式為keep-alive
減少DNS查詢
移動端可見區(qū)域是有限的,采用延遲加載方式
開啟服務(wù)器壓縮(gzip方式)
(3)優(yōu)化圖片處理
圖片走CDN
少用動態(tài)gif圖
圖片不適宜過多及過大
零碎圖片使用css Sprite技術(shù)一次性下載
避免使用bmp圖片
圖片壓縮
(4)優(yōu)化HTML
減少HTML標(biāo)簽,減少不必要的嵌套
廢棄table標(biāo)簽
減少DOM深度
壓縮HTML,去掉注釋,空格換行等信息
(5)優(yōu)化JS
使用臨時變量或者數(shù)組存儲document.images及document.forms等集合數(shù)據(jù)
慎用with語法
使用AJAX緩存
避免eval及Function語法
避免使用inlineScript
異步、底部加載js
合并壓縮js
字符串連接使用數(shù)組的join方式