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  性能分析器

    未完待续...

web开发者性能优化工具(一)的更多相关文章

  1. 【读书笔记】读《高性能网站建设指南》及《高性能网站建设进阶指南:Web开发者性能优化最佳实践》

    这两本书就一块儿搞了,大多数已经理解,简单做个标记.主要对自己不太了解的地方,做一些记录.   一.读<高性能网站建设指南> 0> 黄金性能法则:只有10%~20%的最终用户响应时间 ...

  2. Web性能优化工具WebPageTest(一)——总览与配置

    网站性能优化工具大致分为两类:综合类和RUM类(实时监控用户类),WebPageTest属于综合类. WebPageTest通过布置一些特定的场景进行测试,例如不同的网速.浏览器.位置等. 测试完成后 ...

  3. Web前端性能优化全攻略

    网页制作poluoluo文章简介:Web 前端性能优化是个大话题,是个值得运维人员持续跟踪的话题,是被很多网站无情忽视的技术. Web 前端性能优化是个大话题,是个值得运维人员持续跟踪的话题,是被很多 ...

  4. Web前端性能优化全攻略[转载]

    1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests) 作为第一条,可能也是最重要的一条.根据 Yahoo! 研究团队的数据分析,有很大一部分用户访问会因为这一条而取得最 ...

  5. PHP性能优化工具–xhprof安装

    PHP性能优化工具–xhprof安装,这里我先贴出大致的步骤: 1.获取xhprof 2.编译前预处理 3.编译安装 4.配置php.ini 5.查看运行结果 那么下面我们开始安装xhprof工具吧: ...

  6. Web前端性能优化教程09:图像和Cookie优化

    本文是Web前端性能优化系列文章中的第九篇,主要讲述内容:图像和Cookie优化.完整教程可查看:  一. 图像优化 图像基础知识 gif: 适用于动画效果,例如提示的滚动条图案 jpg: 是一种使用 ...

  7. 阿里巴巴 web前端性能优化进阶路

    Web前端性能优化WPO,相信大多数前端同学都不会陌生,在各自所负责的站点页面中,也都会或多或少的有过一定的技术实践.可以说,这个领域并不缺乏成熟技术理论和技术牛人:例如Yahoo的web站点性能优化 ...

  8. ASP.NET MVC性能优化工具 MiniProfiler

    ASP.NET MVC性能优化工具 MiniProfiler 2014年04月19日 ⁄ ASP.NET ⁄ 共 1159字 ⁄ 字号 小 中 大 ⁄ 暂无评论 ⁄ 阅读 325 views 次 MV ...

  9. 隔壁老主精讲web页面性能优化。

    首先说一下为什么要进行web页面性能优化,在同样的网络环境下,两个同样能满足你的需求的网站,一个“Biu”的一下就加载出来了,一个卡--卡--卡--卡--卡--才出来,你会选择哪个?研究表明:用户最满 ...

随机推荐

  1. springboot设置静态资源缓存一年

    由于本人所在项目组,所用的项目是前后端分离的,前端是React 的SPA,每次打包都会新版本的静态文件. 然而,在有些时候,这些静态资源是不变的,故可以将资源缓存至用户本地,提升性能. 写法如下,需要 ...

  2. 2015ICPC chanchun HDU 5534 (树形题转换完全背包)

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=5534 题意:给你n个点,让你加上n-1条边使他变成一棵树,题目首先给你a[1] a[2].....a[n- ...

  3. Rubber Ducky简介

    USB Rubber Ducky是一款模仿人工键盘输入的设备,外形和U盘一样,模拟键盘输入速度可达到1000个字符每分钟,并且适合任何操作系统,包括安卓等移动OS,它使用的是它特定的脚本语言,用记事本 ...

  4. SpringBoot中配置不序列化返回值为null的属性

    package com.weiresearch.properties; import com.fasterxml.jackson.annotation.JsonInclude;import com.f ...

  5. base64图片下载

    下面这种写法有些chrome不起作用 downLoadCanvas (data, filename = '活动.png') { var saveLink = document.createElemen ...

  6. Java通道

    通道(Channel)是数据源和Java程序之间的开放连接,用于执行I/O操作.Channel接口在java.nio.channels包中.通道(Channel)接口只声明了两个方法:close()和 ...

  7. c#获取图片的高和宽

    Bitmap pic = new Bitmap(图片文件名); int width = pic.Size.Width; // 图片的宽度int height = pic.Size.Height; // ...

  8. 绝对 "牛X" 的代码注释,喜欢就拿去用!

    Java技术栈 www.javastack.cn 优秀的Java技术公众号 作者:Blankj https://github.com/Blankj/awesome-comment 写在前面的话:一时兴 ...

  9. 使ie8正常支持placeholder

    在IE8下测试,发现一个问题placeholder不被支持,下面是解决IE支持placeholder的方法,本文引用的jquery是1.12.0测试通过,先引用jquery <script ty ...

  10. webapi 给自己挖的坑

    这次做项目,负责开发web api. 自己给自己挖了个坑.在所有的api接口前面都加上一个static . 结果检查路由配置.代码等等都找不到问题所在. 最后在一个同事的提醒下,原来是static给惹 ...