web性能优化之DOM篇

xiaoxiao2021-02-28  125

1. 使用createDocumentFragment,display:none,cloneNode等方法,避免浏览器多次layout 2. 使用requestAnimationFrame或者fastdom(避免连续的强制同步布局发生) 3. classList代替className 4. DOM批量读写,不要一会读一会写 5. 加载页面是尽量给图片设定宽高,避免图片加载完成后重新渲染部分页面 6. 实现元素的动画,它的position属性应当设为fixed或absolute,这样不会影响其它元素的布局。 7. display:none的节点先一次性搞完再显示(DOM离线修改) 8. clone节点改完后在显示(DOM离线修改) 9. 尽可能的修改层级比较低的 DOM 10.尽量简化dom结构 11.高级浏览器(除了IE678都可以的)使用flex布局
转载请注明原文地址: https://www.6miu.com/read-27837.html

最新回复(0)