web性能优化之DOM篇


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布局

你可能感兴趣的:(前端开发)