移動端首屏加載提高優化點(電商類)

正常優化點

HTML

(1)使用服務端直出頁面(通常來講html質量不宜超過200k,越少越好)
(2)後端傳給前端的數據中,變量名字不要太長,否則也會增長字節

注意:直出頁面通常後端都會將全部數據在頁面輸出給前端,這樣也會增長總體的文件大小,因此能夠考慮先輸出一部分數據,剩下的數據等首屏加載完了以後再ajax請求再渲染css

js

(1) js能不使用第三方庫就儘可能用原生的寫
(2)壓縮代碼

圖片

1.產品圖通常不超過20k
2.頭圖背景圖不超過120k

圖片壓縮網站:tinyPng.comhtml

網絡

1.合併請求,好比設置服務器支持單個http請求多個文件: http://xxxx/xx?a.js,b.js,c.js; (也不宜過大)
2.設置cdn,圖片和css和js均可以設置cdn

3.設置緩存,第三方庫能夠設置過時時間長一點。

4.若是內容較多能夠拆分資源域名,好比css.xxx.com, js.xxx.com, img.xxx.com 避免一個域名資源請求過程當中致使堵塞

測試站點

1.性能墨盒
2.博睿前端

相關文章
相關標籤/搜索