1. 程式人生 > >暢快買買買!購物類應用頁面響應時間測評及優化建議

暢快買買買!購物類應用頁面響應時間測評及優化建議

手機購物是大家生活中較為常見的使用場景之一,本次測評華為終端開放實驗室選取了6款常見的購物類應用作為測評物件,探究各應用在頁面響應時長方面的表現,並提出優化建議。

image

image

通過以上資料可以看出,6款應用頁面響應時長均未超過2.3秒,整體體驗較為優秀。

不同應用之間差別也很明顯,如:唯品會的頁面響應時間與手機淘寶相差接近1秒,使用者會有明顯感知,大家可以通過以下示例圖片進行感受。

image

原因及優化建議

對比頁面載入過程發現,除手機淘寶外,其餘五款應用均在搜尋結果中有視訊內容展示,其中唯品會、網易考拉和京東在頁面載入過程中還使用了頁面過渡動畫,視訊和過渡動畫的載入直接影響了頁面響應時長。

一般情況,頁面響應時間過長主要有以下幾種原因:

1、頁面佈局和控制元件太多;

2、頁面過度繪製;

3、過度或不恰當的DOM操作;

4、http請求過多、請求時間過長、請求異常等。

優化建議

1、UI渲染優化,去除重複繪製,減少UI重複繪製時間;

2、避免過於複雜的DOM結構,避免過度巢狀;

3、保證簡潔、清晰的html結構,減少或避免多餘的html標籤;

4、善用快取,只加載初始化或有更新狀態的資源,對無更新的資源則返回已快取的結果。

*本次測評最終解釋權歸華為所有