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

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

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

為什么性能會(huì)影響這么多

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

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

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

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

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