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

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

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

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

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

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

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

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

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