前端H5工作原理:
請求和顯示原理
H5頁面卡頓原因分析:
1.動畫太多:渲染重繪占用GPU
2.頁面操作導致重繪頻繁
3.頁面元素復雜:資源類標簽太多(圖像/視頻/dom樹太長)
4.內置webview性能太差
5.和3類似,iOS出現的,和native交互是,創建嵌套iFrame
解決辦法:按照對應原因解決即可
H5加載太慢問題分析:
1.請求location時的中轉太多
2.返回的資源太大,導致分次傳輸
3.Dom里的資源太多
解決辦法:CDN,GZIP合並壓縮等