前端性能优化(二)

2021-02-05
阅读 3 分钟
1.6k
运行时性能优化1.减少重绘重排浏览器渲染过程解析HTML生成DOM树;解析CSS生成CSSOM规则树;将DOM树与CSSOM规则树合并在一起生成渲染树;遍历渲染树开始布局,计算DOM节点的大小和位置;调用GPU绘制,合成图层;将渲染树每个节点绘制到屏幕。重排当改变DOM元素位置或大小时,会导致浏览器重新生成渲染树,这个过程叫重排...

前端性能优化(一)

2021-02-04
阅读 5 分钟
5.6k
为什么要做性能优化?性能优化有多重要?网站的性能对于用户的留存率、转化率有很大的影响,直白的说,提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类:加载时优化;运行时优化;例如压缩文件、使用CDN加载静态资源属于加载时优化;及时的解绑事件、减少DOM的操作属于运行时优化...