最近一項(xiàng)研究表明：80%的網(wǎng)民對(duì)移動(dòng)端的瀏覽體驗(yàn)感到失望，同時(shí)，當(dāng)體驗(yàn)提升時(shí)，他們會(huì)在智能手機(jī)上花費(fèi)更多的時(shí)間。

    由于64%的智能手機(jī)用戶希望網(wǎng)站可以在4秒內(nèi)加載完畢，但一半的網(wǎng)站花費(fèi)了二倍以上的時(shí)間，達(dá)到了9秒，所以，今天海瑤seo工程師就為大家介紹一些提高網(wǎng)站在移動(dòng)端打開速度的方法技巧。

    1、移動(dòng)端用戶的下載速度

    讓我們來(lái)研究下究竟是什么影響了智能手機(jī)上的網(wǎng)頁(yè)加載速度，最明顯的原因是智能機(jī)的網(wǎng)速，最佳情況下，移動(dòng)端用戶使用3G與4G上網(wǎng)。

    在美國(guó)，57%的用戶使用3G上網(wǎng)，27%的用戶使用4G;在加拿大，4G用戶更少；而在英國(guó)，4G還是新鮮事物。Pcworld的研究表明：在美國(guó)，3G平均下載速度為2mbps，4G則為6.2mbps;ofcom的研究顯示，在英國(guó)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）

    如果把上述值乘以移動(dòng)用戶等待時(shí)間4秒，這意味著網(wǎng)站對(duì)于3G用戶來(lái)說(shuō)最大為1mb，而4G用戶為3mb。

    然而下載速度并不是瓶頸，網(wǎng)絡(luò)延遲及智能機(jī)的內(nèi)存與cpu才是瓶頸，即使手機(jī)可以在4秒內(nèi)下載完1mb，頁(yè)面也要花費(fèi)更長(zhǎng)的時(shí)間去加載，因?yàn)槭謾C(jī)需要接收并解析代碼與圖片。

    在桌面端，下載文件只占顯示網(wǎng)站時(shí)間的20%，其余時(shí)間花費(fèi)在解析http請(qǐng)求，獲取樣式表，腳本文件及圖片上，由于移動(dòng)端的cpu，內(nèi)存與緩存跟桌面端完全無(wú)法相提并論，這些在手機(jī)上會(huì)花費(fèi)更長(zhǎng)的時(shí)間。

    2、怎樣減少加載時(shí)間

    構(gòu)建一個(gè)快速的網(wǎng)站，就是一個(gè)做出艱難決定與砍掉非核心體驗(yàn)的過(guò)程，如果某一項(xiàng)需求價(jià)值不大，去掉之，這個(gè)原則適用于所有開發(fā)階段，尤其是規(guī)劃和編碼時(shí)。

    減少依賴文件：更少的文件意味著更少的http請(qǐng)求與更快的加載時(shí)間。

    降低圖片大小：適應(yīng)與調(diào)整高分辨率圖片，在額外的下載時(shí)間中占居榜首，占用了寶貴的內(nèi)存與處理資源。

    減輕客戶端負(fù)擔(dān)：最佳實(shí)踐是重新思考你的javascript，并使之降低到最小尺寸。

    3、怎樣減少依賴文件

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