前端性能优化-精确的控制dom元素

Posted alan-alan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端性能优化-精确的控制dom元素相关的知识,希望对你有一定的参考价值。

6.dom操作

  • 精确的控制dom元素(id 选择器)

1.浏览器的开发者工具针对页面进行调优

  • Network窗口
  • Stalled(阻塞)
  • DNS Lookup(域名解析)
  • dns缓存
  • 建立持久连接
  • Initial connection(初始化连接)
  • SSL(包含于HTTPS连接中)
  • Waiting(等待响应)
  • Request sent(发送请求)
  • Content Download(下载)


2. js调试

  • 设置在DOM node发生变化时触发断点
  • dom 右键 Break on
  • 可以设置成这个节点被删除、节点的属性有任何变化,或它的某个子节点有变化发生。
  • js断点
  • 移动设备模拟环境

 

以上是关于前端性能优化-精确的控制dom元素的主要内容,如果未能解决你的问题,请参考以下文章

前端性能优化(DOM篇)

前端性能优化(一)

前端性能优化jQuery性能优化

浏览器层合成与页面性能优化

web前端分享:性能优化之文档碎片处理

前端性能优化—回流与重绘