前端性能優化

第一個階段,打包階段
第二階段,加載資源階段
首次加載優化。
分析手段,使用network,performance
1,突破域名限制(http2.0以前一次只能發6個請求,後續的請求須要等待)
使用cdn放置靜態資源,或則使用不一樣的域名服務器放置
2,開啓webpack的gzip壓縮,緩解服務器gzip的壓縮壓力。
3,近距離,開啓cdn加速。
4,使用圖片壓縮,
5,去掉沒有使用的代碼,例如webpack的tree sharking,這個須要注意的點須要對代碼很是清楚,知道哪些代碼有反作用(一個函數會、或者可能會對函數外部變量產生影響的行爲。),沒有反作用的函數才能使用tree sharking
6,
第三階段,操做階段(動畫渲染)webpack

相關文章
相關標籤/搜索