前端H5工作原理:
请求和显示原理
H5页面卡顿原因分析:
1.动画太多:渲染重绘占用GPU
2.页面操作导致重绘频繁
3.页面元素复杂:资源类标签太多(图像/视频/dom树太长)
4.内置webview性能太差
5.和3类似,iOS出现的,和native交互是,创建嵌套iFrame
解决办法:按照对应原因解决即可
H5加载太慢问题分析:
1.请求location时的中转太多
2.返回的资源太大,导致分次传输
3.Dom里的资源太多
解决办法:CDN,GZIP合并压缩等