暢快買買買!購物類應用頁面響應時間測評及優化建議
手機購物是大家生活中較為常見的使用場景之一,本次測評華為終端開放實驗室選取了6款常見的購物類應用作為測評物件,探究各應用在頁面響應時長方面的表現,並提出優化建議。
通過以上資料可以看出,6款應用頁面響應時長均未超過2.3秒,整體體驗較為優秀。
不同應用之間差別也很明顯,如:唯品會的頁面響應時間與手機淘寶相差接近1秒,使用者會有明顯感知,大家可以通過以下示例圖片進行感受。
原因及優化建議
對比頁面載入過程發現,除手機淘寶外,其餘五款應用均在搜尋結果中有視訊內容展示,其中唯品會、網易考拉和京東在頁面載入過程中還使用了頁面過渡動畫,視訊和過渡動畫的載入直接影響了頁面響應時長。
一般情況,頁面響應時間過長主要有以下幾種原因:
1、頁面佈局和控制元件太多;
2、頁面過度繪製;
3、過度或不恰當的DOM操作;
4、http請求過多、請求時間過長、請求異常等。
優化建議
1、UI渲染優化,去除重複繪製,減少UI重複繪製時間;
2、避免過於複雜的DOM結構,避免過度巢狀;
3、保證簡潔、清晰的html結構,減少或避免多餘的html標籤;
4、善用快取,只加載初始化或有更新狀態的資源,對無更新的資源則返回已快取的結果。
*本次測評最終解釋權歸華為所有
相關推薦
暢快買買買!購物類應用頁面響應時間測評及優化建議
手機購物是大家生活中較為常見的使用場景之一,本次測評華為終端開放實驗室選取了6款常見的購物類應用作為測評物件,探究各應用在頁面響應時長方面的表現,並提出優化建議。 通過以上資料可以看出,6款應用頁面響應時長均未超過2.3秒,整體體驗較為優秀。 不同應用之間差別也很明顯,如
ios開發之--仿購物類詳情頁面數量添加小功能
具體實現 uibutton tag src img 分享圖片 with ext 中間 話不多說先上圖: 1,首先創建UI,給中間顯示數量的label添加一個tag值 2,具體實現代碼,綁定同一個事件 [cell.jianBtn addTarget:self act
盤點程式設計師們的“奢侈品”,最後一樣花錢也買不到!
今天咱們就來盤點一下程式設計師用的“奢侈品”,這裡面有些是比較貴的,當然對於程式設計師來說基本都是買的起的,只不過是你會不會去花這個錢而已,最後一樣,個人認為花錢也買不到!談談你們的想法吧。話不多說,咱們直奔主題! 第一個: 人體力學辦公桌辦公椅,程式設計師們一天在電腦面前要進行10小時甚至
現在才知道,之前所有的面膜全都買虧了!
你知道嗎?古代的女子們在美容保養方面,一點不遜色於我們,面膜就屬於最早出現的一種。面膜並不是現代人的產物,據考證,早在五千年前古人就發明了面膜,愛美從來不分時間先後。武則天,曾煉益母草澤面,面板細嫩滋潤, 到了80多歲,仍保持美麗的容貌。 她的女兒太平公主,把桃花搗爛以後製成桃花面膜,為了更好的新陳代謝,會
1039. 到底買不買(20)
OS -- clu spa jpg getc ppr 並且 i++ 小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裏是否包含了全部自己想要的珠子?如果是,那麽告訴她有多少多余的珠子;如果
瀏覽器類應用後臺耗電解析 教你三招讓手機更省電!
c99 發送 應用 traceview 我們 就會 電量 解析 jpeg 手機每天充電,電量還是掉的飛快, 這樣的經歷你有過嗎? 作為手機上網的重要入口, 瀏覽器類應用的耗電量日益受到關註。 哪些瀏覽器應用耗電少,體驗好呢? 華為終端開放實驗室對此發布了 《瀏覽器類應用後臺
1039 到底買不買(20 分)
use space 保存 做的 分享 判斷 串珠子 span 輸入格式 小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裏是否包含了全部自己想要的珠子?如果是,那麽告訴她有多少多余的珠
1039 到底買不買 (20 分)
小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼告訴她有多少多餘的珠子;如果不是,那麼告訴她缺了多少珠子。 為方便起見,我們用[0-9]、[a-z]、[A
1039 到底買不買——c實現
1039 到底買不買 (20 分) 小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼告訴她有多少多餘的珠子;如果不是,那麼告訴她缺了多少珠子。 為
PAT乙級 1039 到底買不買
小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼告訴她有多少多餘的珠子;如果不是,那麼告訴她缺了多少珠子。 為方便起見,我們用[0-9]、[a-z]、[A-Z
1039 到底買不買(20)(20 point(s))
小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼告訴她有多少多餘的珠子;如果不是,那麼告訴她缺了多少珠子。 為方便起見,我們用[0-9]、[a-z]、[A-Z]範
思路+程式碼 1039 到底買不買 (20 分)(C語言)
思路:這道題就是就是遍歷,但是必須注意一個問題:abcde aa 如果這兩個陣列,先拿出第二個字串的第一個字母a依次和第一個字串的字母進行比較,但是要注意如果繼續用第二個字串中的第二個字母a繼續進行遍歷,則會發現又會成功,但顯然是不對的,所以我們就用空格“ ”代替第
資訊保安產品不能隨便亂買,買錯要負法律責任的
隨著《網路安全法》的實施, 全國各地相關主管部門在對各類違反《網路安全法》行為進行嚴厲查處,《網路安全法》實施的一年多來,各地各部門整體對網路安全的認識更深刻,對網路安全的重視程度明顯提高。現在很多使用者單位都知道需要及時開展等級保護工作,那麼在開展等級保護工作的過程中或多或
PTA-1039 到底買不買
1039 到底買不買 (20 分) 小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼告訴她有多少多餘的珠子;如果不是,那麼告訴她缺了多少珠子。
(PAT乙級)到底買不買(Python)
小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼告訴她有多少多餘的珠子;如果不是,那麼告訴她缺了多少珠子。為方便起見,我們用[0-9]、[a-z]
【PAT-B】1029 到底買不買(C++)
題目描述 題目描述 小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一下,某串珠子裡是否包含了全部自己想要的珠子?如果是,那麼
在股市的交易日中,假設最多可進行兩次買賣(即買和賣的次數均小於等於2),規則是必須一筆成交後進行另一筆(即買-賣-買-賣的順序進行)。給出一天中的股票變化序列,請寫一個程式計算一天可以獲得的最大收益。
思想來源於動態規劃,如果以arr[i]為第二個投資點,那麼,必須找到i-1前面的最大投資收益 class Stock { public: int maxProfit(vector<
PATB1039.到底買不買(20)
知識點筆記:AC程式碼:兩種方法#include <cstdio> #include <cstring> #include <algorithm> using nam
到底買不買(PAT)
到底買不買(20) 時間限制 1000 ms 記憶體限制 32768 KB 程式碼長度限制 100 KB 題目描述 小紅想買些珠子做一串自己喜歡的珠串。賣珠子的攤主有很多串五顏六色的珠串,但是不肯把任何一串拆散了賣。於是小紅要你幫忙判斷一 下,某串珠子裡是否包含了全
pat1039:到底買不買
#include "stdio.h" #include "string.h" int main() { int i, ky = 0, kn = 0, flag = 0; int numz[62