百度也發(fā)布了移動(dòng)建站指南，圖文并茂的描述了如何提高移動(dòng)站在百度質(zhì)量度的等級(jí)，在百度推廣后臺(tái)已經(jīng)有“移動(dòng)站點(diǎn)質(zhì)量度”的星級(jí)評(píng)價(jià)體系了，頁(yè)面大小、頁(yè)面內(nèi)容、頁(yè)面樣式、轉(zhuǎn)化渠道等因素都會(huì)影響質(zhì)量度星級(jí)，加載速度快、內(nèi)容豐富的頁(yè)面質(zhì)量度星級(jí)更高，提升移動(dòng)網(wǎng)站質(zhì)量可以增強(qiáng)用戶體驗(yàn)和轉(zhuǎn)化效果。

提高移動(dòng)網(wǎng)站在百度質(zhì)量度等級(jí)的詳細(xì)說(shuō)明【一】怎樣做好網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)？

提高移動(dòng)網(wǎng)站在百度質(zhì)量度等級(jí)的詳細(xì)說(shuō)明【二】 內(nèi)容設(shè)置的幾條準(zhǔn)則

提高移動(dòng)網(wǎng)站在百度質(zhì)量度等級(jí)的詳細(xì)說(shuō)明【三】 優(yōu)化頁(yè)面性能

(1)控制加載時(shí)間與網(wǎng)頁(yè)大小

(跳出前等待時(shí)間的用戶比例)

加載時(shí)間：?jiǎn)雾?yè)面5S以內(nèi)

網(wǎng)頁(yè)大小：?jiǎn)雾?yè)面50K以內(nèi)

優(yōu)化加載時(shí)間和網(wǎng)頁(yè)大小：重點(diǎn)在前端優(yōu)化

減少HTTP請(qǐng)求：減少重定向，合并圖片，懶加載……

減少傳輸數(shù)據(jù)大小：壓縮圖像，開(kāi)啟GZIP……

考慮到移動(dòng)設(shè)備和移動(dòng)互聯(lián)網(wǎng)的特點(diǎn)，在進(jìn)行移動(dòng)網(wǎng)站的頁(yè)面開(kāi)發(fā)設(shè)計(jì)時(shí)，一個(gè)總的原則是考慮用戶訪問(wèn)的效率，降低頁(yè)面加載時(shí)間。

(2)減少訪問(wèn)請(qǐng)求數(shù)

從設(shè)計(jì)實(shí)現(xiàn)層面簡(jiǎn)化頁(yè)面，不要放太多的圖片、復(fù)雜的表達(dá)、動(dòng)畫(huà)、視頻等等，

資源合并及壓縮：比如將背景圖片、導(dǎo)航圖片等等作為一張圖片，這樣只需一次請(qǐng)求，而不是多次。

靜態(tài)資源(Css、Js、Image)懶加載

異步執(zhí)行inline腳本

避免重復(fù)的資源請(qǐng)求

縮小cooike

設(shè)置連接方式為keep-alive

減少DNS查詢

移動(dòng)端可見(jiàn)區(qū)域是有限的，采用延遲加載方式

開(kāi)啟服務(wù)器壓縮(gzip方式)

(3)優(yōu)化圖片處理

圖片走CDN

少用動(dòng)態(tài)gif圖

圖片不適宜過(guò)多及過(guò)大

零碎圖片使用css Sprite技術(shù)一次性下載

避免使用bmp圖片

圖片壓縮

(4)優(yōu)化HTML

減少HTML標(biāo)簽，減少不必要的嵌套

廢棄table標(biāo)簽

減少DOM深度

壓縮HTML，去掉注釋，空格換行等信息

(5)優(yōu)化JS

使用臨時(shí)變量或者數(shù)組存儲(chǔ)document.images及document.forms等集合數(shù)據(jù)

慎用with語(yǔ)法

使用AJAX緩存

避免eval及Function語(yǔ)法

避免使用inlineScript

異步、底部加載js

合并壓縮js

字符串連接使用數(shù)組的join方式

Tags：手機(jī)網(wǎng)站 成都百度優(yōu)化