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