用戶性能需求
讓我們再考慮一些更惡劣的情況,不,應該說更實際一些的情況。Web產品在移動設備上最大的天敵不是兼容性問題而是不穩定的網絡信號。如果頁面的體積過於龐大,請求過多,用戶下載頁面被中斷而無法正常被訪問的概率也就更大
● 一般來說,47%的用戶希望頁面的加載時間少於2s;
● 一般來說,如果一個網站的加載時間超過3s,40%的用戶會放棄訪問這個網站;
● 亞馬遜說,他們頁面的加載時間每增加100ms,便會損失1%的銷售額;
● 谷歌說,他們頁面的加載時間每增加500ms,便會減少25%的搜索量。對一個商業網站來說,時間就是金錢,用戶沒有理由把時間花在無法訪問的網站上。
不同設備間的差異有很多種,我們不關心設備的製造廠商,不關心CPU功耗,不關心生產工藝,只關心會影響頁面在屏幕上展現的設備因素
用戶性能
特別是在電子商務網站上,將近一半的用戶期望網站在2秒內加載。如果加載速度超過3秒,用戶將有40%的退出。頁面響應延遲一秒可能意味着用戶採取行動的時間減少了7%。
此外,你的網站的性能不僅影響你的用戶,而且影響你的網站在谷歌搜索結果中的位置。早在2010年,谷歌就表示頁面速度是網站搜索結果排名的一個因素。儘管網站內容的相關性仍然是網站搜索排名中最重要的因素,但頁面速度確實起到了一定作用。
前端性能的14條規則:
-
減少HTTP請求;
-
使用內容發佈網絡;
-
添加Expires頭;
-
壓縮組件;
-
將樣式表放在頂部;
-
將腳本放在底部;
7.避免CSS表達式;
8.使用外部JavaScript和CSS;
9.減少DNS查找;
-
精簡JavaScript;
-
避免重定向;
-
移除重複腳本;
-
配置ETag
-
使Ajax可緩存;