H5:加载原理,慢加载和卡顿原因分析,

前端H5工作原理:

请求和显示原理

H5:加载原理,慢加载和卡顿原因分析,

H5页面卡顿原因分析:

  1.动画太多:渲染重绘占用GPU

  2.页面操作导致重绘频繁

  3.页面元素复杂:资源类标签太多(图像/视频/dom树太长)

  4.内置webview性能太差

  5.和3类似,iOS出现的,和native交互是,创建嵌套iFrame

  解决办法:按照对应原因解决即可

H5加载太慢问题分析:

  1.请求location时的中转太多

  2.返回的资源太大,导致分次传输

  3.Dom里的资源太多

  解决办法:CDN,GZIP合并压缩等

上一篇:调试压缩后的Javascript文件:在 Chrome 和 Safari ,选择“脚本”标签,找到相应的文件,然后点击“{}”图标(pretty print,在面板底部)


下一篇:SVG 教程