根據(jù)google公司數(shù)據(jù)顯示,移動(dòng)網(wǎng)站用戶(hù)體驗(yàn)不佳時(shí),40%的人會(huì)轉(zhuǎn)到其他競(jìng)爭(zhēng)對(duì)手的網(wǎng)站,而61%的用戶(hù)不會(huì)再回到該網(wǎng)站,所以想要取得好的排名要提高我們的用戶(hù)體驗(yàn),下面我們來(lái)看一下從哪些技術(shù)層面去考慮手機(jī)網(wǎng)站優(yōu)化呢:
PC優(yōu)化手段在Mobile側(cè)同樣適用
在Mobile側(cè)我們提出三秒種渲染完成首屏指標(biāo)
基于第二點(diǎn),首屏加載3秒完成或使用Loading
基于聯(lián)通3G網(wǎng)絡(luò)平均338KB/s(2.71Mb/s),所以首屏資源不應(yīng)超過(guò)1014KB
Mobile側(cè)因手機(jī)配置原因,除加載外渲染速度也是優(yōu)化重點(diǎn)
基于第五點(diǎn),要合理處理代碼減少渲染損耗
基于第二、第五點(diǎn),所有影響首屏加載和渲染的代碼應(yīng)在處理邏輯中后置
加載完成后用戶(hù)交互使用時(shí)也需注意性能
加載優(yōu)化
加載過(guò)程是最為耗時(shí)的過(guò)程,可能會(huì)占到總耗時(shí)的80%時(shí)間,因此是優(yōu)化的重點(diǎn)
減少HTTP請(qǐng)求
因?yàn)槭謾C(jī)瀏覽器同時(shí)響應(yīng)請(qǐng)求為4個(gè)請(qǐng)求(Android支持4個(gè),iOS 5后可支持6個(gè)),所以要盡量減少頁(yè)面的請(qǐng)求數(shù),首次加載同時(shí)請(qǐng)求數(shù)不能超過(guò)4個(gè)。
a)合并CSS、java script
b)合并小圖片,使用雪碧圖
緩存
使用緩存可以減少向服務(wù)器的請(qǐng)求數(shù),節(jié)省加載時(shí)間,所以所有靜態(tài)資源都要在服務(wù)器端設(shè)置緩存,并且盡量使用長(zhǎng)Cache(長(zhǎng)Cache資源的更新可使用時(shí)間戳)
a) 緩存一切可緩存的資源
b) 使用長(zhǎng)Cache(使用時(shí)間戳更新Cache)
c) 使用外聯(lián)式引用CSS、java script
分享文章:優(yōu)質(zhì)手機(jī)網(wǎng)站建設(shè)
文章路徑:http://muchs.cn/news19/118369.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)