觸屏版
全國服務(wù)熱線:0571-87205688
登錄
注冊
客戶中心
關(guān)注云客
最近一項(xiàng)研究表明:80%的網(wǎng)民對移動端的瀏覽體驗(yàn)感到失望,同時,當(dāng)體驗(yàn)提升時,他們會在智能手機(jī)上花費(fèi)更多的時間。
由于64%的智能手機(jī)用戶希望網(wǎng)站可以在4秒內(nèi)加載完畢,但一半的網(wǎng)站花費(fèi)了二倍以上的時間,達(dá)到了9秒,所以,今天?,巗eo工程師就為大家介紹一些提高網(wǎng)站在移動端打開速度的方法技巧。
1、移動端用戶的下載速度
讓我們來研究下究竟是什么影響了智能手機(jī)上的網(wǎng)頁加載速度,最明顯的原因是智能機(jī)的網(wǎng)速,最佳情況下,移動端用戶使用3G與4G上網(wǎng)。
在美國,57%的用戶使用3G上網(wǎng),27%的用戶使用4G;在加拿大,4G用戶更少;而在英國,4G還是新鮮事物。Pcworld的研究表明:在美國,3G平均下載速度為2mbps,4G則為6.2mbps;ofcom的研究顯示,在英國3G的下載速度為2.1mbps;北美和歐洲以外的連接速度一般較慢;1mpbs可換算為122kb每秒,或者0.12mb每秒,因此以上的數(shù)據(jù)可以轉(zhuǎn)換如下:
244 KB/s 3G用戶平均網(wǎng)速值 (0.24 MB/s)
756 KB/s 4G用戶平均網(wǎng)速值(0.76 MB/s)
如果把上述值乘以移動用戶等待時間4秒,這意味著網(wǎng)站對于3G用戶來說最大為1mb,而4G用戶為3mb。
然而下載速度并不是瓶頸,網(wǎng)絡(luò)延遲及智能機(jī)的內(nèi)存與cpu才是瓶頸,即使手機(jī)可以在4秒內(nèi)下載完1mb,頁面也要花費(fèi)更長的時間去加載,因?yàn)槭謾C(jī)需要接收并解析代碼與圖片。
在桌面端,下載文件只占顯示網(wǎng)站時間的20%,其余時間花費(fèi)在解析http請求,獲取樣式表,腳本文件及圖片上,由于移動端的cpu,內(nèi)存與緩存跟桌面端完全無法相提并論,這些在手機(jī)上會花費(fèi)更長的時間。
2、怎樣減少加載時間
構(gòu)建一個快速的網(wǎng)站,就是一個做出艱難決定與砍掉非核心體驗(yàn)的過程,如果某一項(xiàng)需求價值不大,去掉之,這個原則適用于所有開發(fā)階段,尤其是規(guī)劃和編碼時。
減少依賴文件:更少的文件意味著更少的http請求與更快的加載時間。
降低圖片大?。哼m應(yīng)與調(diào)整高分辨率圖片,在額外的下載時間中占居榜首,占用了寶貴的內(nèi)存與處理資源。
減輕客戶端負(fù)擔(dān):最佳實(shí)踐是重新思考你的javascript,并使之降低到最小尺寸。
3、怎樣減少依賴文件
如果你想為移動端用戶隱藏圖片,display:none與visibility:hidden是不能阻止文件下載的,測試下面的代碼:
評論(0人參與,0條評論)
發(fā)布評論
最新評論