zoukankan      html  css  js  c++  java
  • web开发者性能优化工具(一)

     

    web开发者性能优化工具

     

    1   数据包嗅探器(在性能优化时,查看页面(包括页面中全部资源)的加载过程)

      HttpWatch (http://www.httpwatch.com/) 把网络流量用图形的方式绘制出来;图形化的展示更容易发现性能的延迟问题

      FireBug网络控制板,可以显示HTTP瀑布流。缺点:它的事件信息会受到网页本身的影响。Firebug是用javascript实现的,因此他和当前网页在相同的Firefox进程上执行;因此,如果javascript正在主页面上

      执行时有网络事件发生,那么网络控制面板会因阻塞而无法记录那些请求的事件信息。(FireBug插件仅仅适用于Firefox,不能在其它浏览器上运行)。

      AOL Pagetest(http://pagetest.wiki.sourceforge.net/)是Internet Explorer的插件,用于生成HTTP瀑布流。

      VATA用于提高网络性能。它的HTTP瀑布流比其他网络监视器更详细,其重点是能显示对已有TCP连接的重用。

      IBM Page Detailer:数据包嗅探器(可以对任意一个HTTP的进程进行网络流量的监视)。

      Web Inspector资源控制面板(网络监视功能的·网页开发工具)。

      Fiddler   优点:可以支持脚本,可以设置断点并且操纵HTTP通信。缺点:它是一个代理,可能会改变浏览器的一些行为(例如:每个服务器端打开链接)。

      CharleS(与Fiddler类似)。

      Wireshark(可以查看数据包级别的流量,比如分析快编码;在数据包上分析HTTP请求;可以在多平台使用)

    2 Web开发工具(可以查看完整网页加载事件线上的内存消耗、CPU负载、javascript执行、css应用和HTML解析与渲染,并要求这些分析不影响浏览器的正常行为。)

      Firebug(最流行的WEB开发工具),Firebug拥有javascript输入命令行和输出控制台,以及javascript调试器和性能分析器;可以借助Fire Lite进行跨浏览器使用Firebug的一部分功能(Fire LIte提供了一个在所有浏览器通用的用户界面和比较完整的功能集。

      Web Inspector(类似于Firebug,可以自动补全控制台,css与DOM的检查器,以及Javascript的调试器与性能分析器)。

      IE Developer Toolbar(有个类似Fire List的功能集)它没有javascript调试和性能分析器,但是能支持HTML与css的验证、Dom检查器和像素布局工具。

    3  性能分析器

        未完待续...

  • 相关阅读:
    git基础使用小记
    MYSQL 安装&配置
    NGINX 安装&配置
    PHP编译安装
    linux基本命令操作
    css清除浮动的8种方法以及优缺点
    简单概括下浏览器事件模型,如何获得资源dom节点
    HTML5新增的表单元素有哪些?
    css 引入的方式有哪些, link和@import的区别是什么
    git与svn的区别
  • 原文地址:https://www.cnblogs.com/yaosusu/p/11278412.html
Copyright © 2011-2022 走看看