手機(jī)網(wǎng)站與PC網(wǎng)站一樣,最重要的一個(gè)原則就是實(shí)現(xiàn)用戶高效率訪問,網(wǎng)站訪問暢通無阻,才能提高營(yíng)銷型網(wǎng)站的客戶轉(zhuǎn)化率,下面介紹幾點(diǎn)能有效提高手機(jī)網(wǎng)站訪問效率的方式!
一、基本設(shè)計(jì)原則
1、簡(jiǎn)化頁(yè)面、避免過多的圖片、復(fù)雜的表述、動(dòng)畫、視頻等,避免重復(fù)的資源請(qǐng)求,將背景圖、導(dǎo)航圖等等作為一張圖片,這樣在請(qǐng)求的時(shí)候只需一次而不是多次
2、開啟服務(wù)器壓縮(gzip方式),減少DNS查詢,縮小chookie,采用延遲加載,靜態(tài)資源懶加載方式
3、inline腳本異步方式執(zhí)行,設(shè)置連接方式為keep-alive
二、CSS、JS注意點(diǎn)
1、CSS置于頂部,合理使用CSS選擇符
2、避免使用@import,CSS表達(dá)式和行內(nèi)CSS
3、JS使用臨時(shí)變量或數(shù)組存儲(chǔ)document.images等集合數(shù)據(jù)
4、異步、底部加載JS,使用AJAX緩存
5、合并及壓縮
三、HTML注意點(diǎn)
1、減少標(biāo)簽和不必要的嵌套;
2、廢棄table標(biāo)簽,建設(shè)DOM深度
3、壓縮HTML,去除注釋空格換行等
四、圖片處理
1、Image壓縮,少用動(dòng)態(tài)gif圖,避免使用bmp圖片
2、圖片走CDN網(wǎng)絡(luò),不宜過多或過大
3、零碎圖片使用CSS Sprite作一次性下載