最近一項研究表明：80%的網民對移動端的瀏覽體驗感到失望，同時，當體驗提升時，他們會在智能手機上花費更多的時間。

    由于64%的智能手機用戶希望網站可以在4秒內加載完畢，但一半的網站花費了二倍以上的時間，達到了9秒，所以，今天?，巗eo工程師就為大家介紹一些提高網站在移動端打開速度的方法技巧。

    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、怎樣減少加載時間

    構建一個快速的網站，就是一個做出艱難決定與砍掉非核心體驗的過程，如果某一項需求價值不大，去掉之，這個原則適用于所有開發階段，尤其是規劃和編碼時。

    減少依賴文件：更少的文件意味著更少的http請求與更快的加載時間。

    降低圖片大?。哼m應與調整高分辨率圖片，在額外的下載時間中占居榜首，占用了寶貴的內存與處理資源。

    減輕客戶端負擔：最佳實踐是重新思考你的javascript，并使之降低到最小尺寸。

    3、怎樣減少依賴文件

    如果你想為移動端用戶隱藏圖片，display:none與visibility：hidden是不能阻止文件下載的，測試下面的代碼：