Nick Babich – 早在 2016 年的時(shí)候，移動(dòng)端流量就已經(jīng)超越桌面端成為目前主流。根據(jù)Google UK 的研究，如今65%的英國(guó)成年人都以智能手機(jī)作為他們的主要上網(wǎng)設(shè)備。

人們通過(guò)移動(dòng)端設(shè)備搜索信息，在線購(gòu)物，使用移動(dòng)端設(shè)備訂閱各種服務(wù)。用戶偏好上的轉(zhuǎn)變推動(dòng)著用戶期望發(fā)生變化?，F(xiàn)如今，絕大多數(shù)的用戶比以往更沒(méi)有耐心，當(dāng)他們希望得到某個(gè)東西的時(shí)候，通常希望立刻能得到，否則，他們會(huì)迅速離開，選擇其他的方案。

在如今的移動(dòng)端產(chǎn)品當(dāng)中，加載緩慢，登錄艱難，流程復(fù)雜是常見的問(wèn)題，今天的文章將會(huì)為你提供一系列“提速”的技巧。

緩慢的頁(yè)面加載

隨著技術(shù)的發(fā)展，越來(lái)越快的頁(yè)面加載體驗(yàn)，使得比以往更不愿意等待加載了。

2/ 3 的移動(dòng)端用戶表示，頁(yè)面的加載速度對(duì)于他們的瀏覽體驗(yàn)而言影響是最大的。

Google 對(duì)全球范圍內(nèi)900000 個(gè)移動(dòng)端網(wǎng)站進(jìn)行了測(cè)試，發(fā)現(xiàn)這些網(wǎng)站的平均加載時(shí)長(zhǎng)為 22 秒。與此同時(shí)，研究表明，如果移動(dòng)端頁(yè)面加載時(shí)間超過(guò) 3 秒，53%的用戶將會(huì)直接離開。

1、試圖找出造成問(wèn)題的原因

如果對(duì)于你的網(wǎng)站而言，加載緩慢是一個(gè)常見的情況的話，那么你應(yīng)該盡量找出問(wèn)題所在。通常，頁(yè)面加載的時(shí)間受到下面的因素的影響：

視覺元素（圖片和動(dòng)畫）。高清的圖片和流暢的動(dòng)畫只有在不影響加載時(shí)間的前提下，才能帶來(lái)良好的體驗(yàn)。

自定義字體。和其他的素材一樣，下載自定義的字體會(huì)需要一點(diǎn)時(shí)間，如果字體是被第三方服務(wù)所托管，那么這個(gè)時(shí)間還要長(zhǎng)。

商業(yè)邏輯。代碼質(zhì)量。

基礎(chǔ)設(shè)施。你的網(wǎng)站所采用的硬件。

2、測(cè)試你的網(wǎng)站

測(cè)試網(wǎng)站性能的工具并不少，其中之一就是Google 的Test My Site ，這個(gè)網(wǎng)站將會(huì)為你提供如何加速和改進(jìn)網(wǎng)站的可行性報(bào)告。

WebPage Test 是另外一個(gè)非常有用的工具，它將會(huì)從全球不同的地方來(lái)使用真實(shí)的瀏覽器（IE和Chrome）來(lái)測(cè)試用戶瀏覽的時(shí)候的真實(shí)數(shù)據(jù)。

3、使用骨架布局

如果你想在現(xiàn)有的條件下讓網(wǎng)頁(yè)更快一點(diǎn)，那么你可以試著讓它在視覺體驗(yàn)上更“快”一些。

在加載頁(yè)面的過(guò)程中先加載整個(gè)布局的骨架，能給人一種速度感，一種看起來(lái)比實(shí)際加載要快得多的主觀感受。

看看 Codepen 這個(gè)純CSS代碼所構(gòu)建的骨架布局吧，優(yōu)先加載布局讓用戶感受到頁(yè)面加載“有進(jìn)展”。