H5:加載原理,慢加載和卡頓原因分析,


前端H5工作原理:

請求和顯示原理

 

 

H5頁面卡頓原因分析:

  1.動畫太多:渲染重繪占用GPU

  2.頁面操作導致重繪頻繁

  3.頁面元素復雜:資源類標簽太多(圖像/視頻/dom樹太長)

  4.內置webview性能太差

  5.和3類似,iOS出現的,和native交互是,創建嵌套iFrame

  解決辦法:按照對應原因解決即可

H5加載太慢問題分析:

  1.請求location時的中轉太多

  2.返回的資源太大,導致分次傳輸

  3.Dom里的資源太多

  解決辦法:CDN,GZIP合並壓縮等


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM