如何优化dom操作的性能

如何优化dom操作的性能

1 查找元素的优化。因为ID是唯一的,也有原始的方法,因此使用ID查找元素是最快的,其次的是根据类和类型查找元素,通过属性查找元素是最慢的,因此应该尽可能的通过ID或者类来查找元素,避免通过属性来查找元素
2 减少访问和改变DOM元素,包括添加,修改,删除DOM
改变DOM就会引起浏览器渲染,而渲染是相当慢的,因此应该避免不必要的渲染

3 减少改变DOM的样式类等
改变DOM元素的样式,类也会导致浏览器渲染,因此也应该减少不必要的操作
4 批量修改DOM时从文档流中摘除该元素 ,对其应用多重改变 ,将元素带回文档中 , 这样可以最小化重绘和重排版 。
具体方法: 1 隐藏元素,进行修改,然后再显示它。 2将原始元素拷贝到一个脱离文档的节点中,修改副本,然后覆盖原始元素。
5 减少iframe iframe需要消耗大量的时间,并阻塞下载,建议少用
6 样式放在header中,脚本放在关闭标签

之前样式放在header中,可以加快渲染,脚本放在关闭标签之前可以加快下载速度,不免阻塞下载。
7 使用事件委托,减少绑定事件的数量
8 多次访问同一DOM,应该用局部变量缓存该DOM

-------------本文结束感谢您的阅读-------------