性能一直是網(wǎng)站成功的關(guān)鍵。越來越多的研究已經(jīng)證明，不管是小型電商，還是像沃爾瑪那樣的連鎖店，即使是頁面加載時間方面的細(xì)微改善，都可以帶來更多的業(yè)務(wù)，更多的廣告收入，更多的用戶粘性和更多的客戶滿意度。

在過去幾年，Web開發(fā)者都是基于改善硬件或者提高帶寬速度來優(yōu)化用戶體驗(yàn)。但是最近幾年，爆炸式的移動Web瀏覽器的使用打破了這個途徑。低帶寬，高延遲，小內(nèi)存，低處理器性能的移動設(shè)備環(huán)境，迫使開發(fā)者不得不想辦法通過優(yōu)化前端頁面的性能來滿足用戶的性能預(yù)期。

在強(qiáng)調(diào)如何解決移動端性能問題上，這篇文章總結(jié)了一些前端優(yōu)化的案例，并且概括了一些加速頁面的方法和策略。

為什么性能會影響這么多

不論你的頁面設(shè)計(jì)地多么有趣、漂亮、交互性好，不管是在桌面還是移動設(shè)備上，如果頁面需要花2到3秒時間去渲染展示，那么用戶都會很快變得不耐煩的?？梢灶A(yù)期的是，在頁面還在加載的時候，用戶很有可能從瀏覽購買的行為轉(zhuǎn)變?yōu)辄c(diǎn)擊回退鍵或者是關(guān)閉瀏覽器的行為。

不到1秒鐘的延遲甚至也會顯著地影響收入。在2006年，當(dāng)時還在Google工作的Marissa Mayer說，由于用戶表示希望在一個搜索頁上看到多于10個搜索結(jié)果，Google就實(shí)驗(yàn)性地修改為30個。但是讓人吃驚的是，在這個實(shí)驗(yàn)里，流量和投資都減少了20個百分點(diǎn)，顯然是由于更多的搜索結(jié)果導(dǎo)致多花費(fèi)了半秒時間來加載頁面。

用戶的期望總是在不斷的提升。2009年，F(xiàn)orrester研究所的Akamai的一項(xiàng)研究發(fā)現(xiàn)表明，網(wǎng)頁響應(yīng)時間可容忍的閥值是2秒，一旦網(wǎng)頁相應(yīng)時間超過3秒，會有40%的用戶放棄瀏覽頁面。一年之后，Akamai的另一項(xiàng)研究表明，超過3秒放棄瀏覽頁面的用戶比例上升到了57%。

此外，移動端的用戶希望移動設(shè)備上的頁面性能不亞于桌面PC。由Tealeaf科技（現(xiàn)在已經(jīng)并入IBM）委托的“Harris的互動2011移動交互調(diào)查”顯示，在前一年有過移動消費(fèi)經(jīng)歷的成年人中，有85%希望移動設(shè)備上的體驗(yàn)?zāi)芘c手提電腦或者PC上的體驗(yàn)相當(dāng)，甚至于更好。并且有63%的人表示，一旦他在移動設(shè)備上的交易遇到了一個問題，他們就不會再想通過其他渠道去購買這個公司的其他產(chǎn)品了。^10換句話說，差勁的移動頁面性能會影響到公司其他各種平臺的銷售，這其中當(dāng)然也包括線下的實(shí)體店。

移動流量正在迅速增長。對許多消費(fèi)者而言，他們的手機(jī)或者平板設(shè)備已經(jīng)成為他們?yōu)g覽網(wǎng)絡(luò)的主要入口了，但是其性能表現(xiàn)卻差強(qiáng)人意。2011年2月，Compuware公司委托Equation 研究所做的一項(xiàng)研究表明，幾乎一半的移動用戶（46%）表示他們手機(jī)上的網(wǎng)站加載速度過慢。60%的用戶希望頁面能在3秒或者更少的時間內(nèi)加載完成，74%的用戶表示，當(dāng)單個頁面加載時間花費(fèi)5秒或者更多的時候，他們會選擇離開這個頁面。在2012年，由Strangeloop網(wǎng)絡(luò)（現(xiàn)已并入Redware）發(fā)起的一項(xiàng)針對200家領(lǐng)先的電子商務(wù)網(wǎng)站研究表明，3G網(wǎng)絡(luò)環(huán)境下，平均加載時間為11.8秒（圖1），而在LTE（4G）環(huán)境下，加載時間只有輕微的改善，為8.5秒。