加载中...

性能测试工具


  • js性能优化和内存泄露问题及检测分析工具

    • 性能优化ajax工具diviefirebug
    • web性能分析工具YSlow
      • performance性能评估打分,右击箭头可看到改进建议。
      • stats缓存状态分析,传输内容分析。
      • components所有加载内容分析,可以查看传输速度,找出页面访问慢的瓶颈。
      • tools可以查看js和css,并打印页面评估报告。
    • 内存泄露检测工具sIEve

      • sIEve是基于IE的内存泄露检测工具,需要下载运行,可以查看dom孤立节点和内存泄露及内存使用情况。

        1. 列出当前页面内所有dom节点的基本信息(html id style 等)

        2. 页面内所有dom节点的高级信息 (内存占用,数量,节点的引用)

        3. 可以查找出页面中的孤立节点

        4. 可以查找出页面中的循环引用

        5. 可以查找出页面中产生内存泄露的节点
    • 内存泄露提示工具leak monitor
      • leak monitor在安装后,当离开一个页面时,比如关闭窗口,如果页面有内存泄露,会弹出一个文本框进行即时提示。
    • 代码压缩工具

      • YUI压缩工具
      • Dean Edwards Packer
      • JSMin
      • Blink/Webkit浏览器
      • Blink/Webkit浏览器中(ChromeSafariOpera),我们可以借助其中的Developer ToolsProfiles工具来对我们的程序进行内存检查。

        Developer Tools - Profiles
  • Node.js中的内存检查

    • Node.js中,我们可以使用node-heapdumpnode-memwatch模块进行内存检查。

      var heapdump = require('heapdump');
      var fs = require('fs');
      var path = require('path');
      fs.writeFileSync(path.join(__dirname, 'app.pid'), process.pid);

      在业务代码中引入node-heapdump之后,我们需要在某个运行时期,向Node.js进程发送SIGUSR2信号,让node-heapdump抓拍一份堆内存的快照。

      $ kill -USR2 (cat app.pid)

      这样在文件目录下会有一个以heapdump-<sec>.<usec>.heapsnapshot格式命名的快照文件,我们可以使用浏览器的Developer Tools中的Profiles工具将其打开,并进行检查。

  • 分析浏览器提供的Waterfall图片来思考优化入口。
  • 新的测试手段(Navigation, Resource, 和User timing。

还没有评论.