速度是移動端網(wǎng)頁的靈魂,這些策略幫你提速
2018-03-04 11:15:03
Nick Babich – 早在 2016 年的時候,移動端流量就已經(jīng)超越桌面端成為目前主流。根據(jù)Google UK 的研究,如今65%的英國成年人都以智能手機作為他們的主要上網(wǎng)設(shè)備。
人們通過移動端設(shè)備搜索信息,在線購物,使用移動端設(shè)備訂閱各種服務(wù)。用戶偏好上的轉(zhuǎn)變推動著用戶期望發(fā)生變化?,F(xiàn)如今,絕大多數(shù)的用戶比以往更沒有耐心,當(dāng)他們希望得到某個東西的時候,通常希望立刻能得到,否則,他們會迅速離開,選擇其他的方案。
在如今的移動端產(chǎn)品當(dāng)中,加載緩慢,登錄艱難,流程復(fù)雜是常見的問題,今天的文章將會為你提供一系列“提速”的技巧。
緩慢的頁面加載
隨著技術(shù)的發(fā)展,越來越快的頁面加載體驗,使得比以往更不愿意等待加載了。
2/ 3 的移動端用戶表示,頁面的加載速度對于他們的瀏覽體驗而言影響是最大的。
Google 對全球范圍內(nèi)900000 個移動端網(wǎng)站進(jìn)行了測試,發(fā)現(xiàn)這些網(wǎng)站的平均加載時長為 22 秒。與此同時,研究表明,如果移動端頁面加載時間超過 3 秒,53%的用戶將會直接離開。
1、試圖找出造成問題的原因
如果對于你的網(wǎng)站而言,加載緩慢是一個常見的情況的話,那么你應(yīng)該盡量找出問題所在。通常,頁面加載的時間受到下面的因素的影響:
視覺元素(圖片和動畫)。高清的圖片和流暢的動畫只有在不影響加載時間的前提下,才能帶來良好的體驗。
自定義字體。和其他的素材一樣,下載自定義的字體會需要一點時間,如果字體是被第三方服務(wù)所托管,那么這個時間還要長。
商業(yè)邏輯。代碼質(zhì)量。
基礎(chǔ)設(shè)施。你的網(wǎng)站所采用的硬件。
2、測試你的網(wǎng)站
測試網(wǎng)站性能的工具并不少,其中之一就是Google 的Test My Site ,這個網(wǎng)站將會為你提供如何加速和改進(jìn)網(wǎng)站的可行性報告。
WebPage Test 是另外一個非常有用的工具,它將會從全球不同的地方來使用真實的瀏覽器(IE和Chrome)來測試用戶瀏覽的時候的真實數(shù)據(jù)。
3、使用骨架布局
如果你想在現(xiàn)有的條件下讓網(wǎng)頁更快一點,那么你可以試著讓它在視覺體驗上更“快”一些。
在加載頁面的過程中先加載整個布局的骨架,能給人一種速度感,一種看起來比實際加載要快得多的主觀感受。
看看 Codepen 這個純CSS代碼所構(gòu)建的骨架布局吧,優(yōu)先加載布局讓用戶感受到頁面加載“有進(jìn)展”。
上一篇
下一篇