發(fā)布者:深圳網站建設
來源:qcw123.com
時間: 2019-09-12 00:00
根據google公司數據顯示,移動網站用戶體驗不佳時,40%的人會轉到其他競爭對手的網站,而61%的用戶不會再回到該網站,所以想要取得好的排名要提高我們的用戶體驗,下面我們來看一下從哪些技術層面去考慮手機網站優(yōu)化呢:
PC優(yōu)化手段在Mobile側同樣適用
在Mobile側我們提出三秒種渲染完成首屏指標
基于第二點,首屏加載3秒完成或使用Loading
基于聯通3G網絡平均338KB/s(2.71Mb/s),所以首屏資源不應超過1014KB
Mobile側因手機配置原因,除加載外渲染速度也是優(yōu)化重點
基于第五點,要合理處理代碼減少渲染損耗
基于第二、第五點,所有影響首屏加載和渲染的代碼應在處理邏輯中后置
加載完成后用戶交互使用時也需注意性能
加載優(yōu)化
加載過程是最為耗時的過程,可能會占到總耗時的80%時間,因此是優(yōu)化的重點
減少HTTP請求
因為手機瀏覽器同時響應請求為4個請求(Android支持4個,iOS 5后可支持6個),所以要盡量減少頁面的請求數,首次加載同時請求數不能超過4個。
a)合并CSS、java script
b)合并小圖片,使用雪碧圖
緩存
使用緩存可以減少向服務器的請求數,節(jié)省加載時間,所以所有靜態(tài)資源都要在服務器端設置緩存,并且盡量使用長Cache(長Cache資源的更新可使用時間戳)
a) 緩存一切可緩存的資源
b) 使用長Cache(使用時間戳更新Cache)
c) 使用外聯式引用CSS、java script
