码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-08-30 22:37:23      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:download   优化   bre   waiting   选择   dns   移动设备   工具   针对   

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元素

标签:download   优化   bre   waiting   选择   dns   移动设备   工具   针对   

原文地址:http://www.cnblogs.com/alan-alan/p/7455434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!