`
uule
  • 浏览: 6349991 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

火狐Firebug的时间域

 
阅读更多

Q:

 

A:

有了这些信息,我们就能初步诊断网站的性能瓶颈

 

1)首先看一下哪个请求花费的时间比较长,看看这个请求的时间线信息,确定是服务器响应慢了还是网络的问题。

2)如果每个请求所花费的时间都没有明显高于其他,那么就看一下是不是页面的Http请求总数太多了。因为浏览器对单个域名的并发连接数是有限制 的需要处理完一批请求再发送另一批请求。假设页面有100个请求,每个请求花费1s,浏览器最大并发数限制为10个,那么处理完所为请求就需要 100/10*1s=10s的时间。

 

关于最大并发数,Http1.1的标准是2,而目前主流的浏览器IE、FireFox、Chrome为了提高速度,分别修改为10、6、6(根据具体版本可能有所变化)。



 对照这张图,各个时间所对应的意义就很简单明了。

 

  • 阻挡(Blocking):每个浏览器有并发连接数量的上限(例如Firefox对每个host限制6个连接),如果当前建立的连接数已经超过上限,那么其余该请求会被阻塞,等待新的可以用的连接。
  • 域名解析(DNS Lookup):这个不用解释了吧,就是从DNS请求发出去到收到回复的时间。即上图中DNS的那一段。
  • 建立连接(Connecting):三次握手建立TCP链接的时间。如果是HTTPS的话,还有SSL链接的时间。对应图中TCP那一段。
  • 发送请求(Sending):从发送本次请求的第一个bit,到最后一个bit。对应图中Request
  • 等待响应(Waiting):从发送结束起,到收到host返回的第一个bit。这一段途中没有表示出来,应该是Request和Response中间的间隙。
  • 接收数据(Receiving):从收到host返回的第一个bit,收到到最后一个bit。对应图中Response

 

等待响应:http请求发出后,到服务器响应完毕开始回传数据这段时间。
接收数据 就是下载http数据的时间

一般优化就是等待响应这段时间了。这个时间除了网络因素消耗的时间就是服务器端处理请求消耗的时间了。   

 

  • 大小: 8.2 KB
  • 大小: 61.4 KB
分享到:
评论

相关推荐

    使用firebug调试js的方法

    安装完成后,重启Firefox即可看到Firebug的图标出现在浏览器的右上角。 2. **启用Firebug** 在Firefox浏览器中,点击Firebug图标或按快捷键`F12`即可打开Firebug界面。界面分为多个面板,如HTML、CSS、Script、DOM...

    fixfox经典插件firebug源码

    Firebug是Firefox浏览器的一款经典开发工具插件,它在Web开发者中广受欢迎,尤其是在前端开发领域。这款插件允许用户查看、调试和修改HTML、CSS、JavaScript等网页元素,极大地提升了开发效率。Firebug的源码是开源...

    firefox bug 调试工具

    Firefox的调试工具,最经典的版本就是Firebug,它是一款开源的网页开发与调试插件。虽然现在Firefox已经将其功能整合到内置的开发者工具中,但Firebug的历史地位和对开发者的影响不容忽视。Firebug在JavaScript调试...

    firebug,javascript调试

    Firebug是一款强大的网页调试工具,主要用于Firefox浏览器,虽然现在支持更多浏览器版本,但最初它专门为Firefox设计。它集成了多个功能模块,包括HTML检查器、CSS样式编辑器、网络请求分析器、脚本调试器等,帮助...

    Javascript的调试利器Firebug使用详解

    Firebug是一款Firefox浏览器的扩展插件,用户可以通过Firefox的Add-ons Manager(附加组件管理器)进行安装。在早期版本的Firefox中,Firebug可以直接在浏览器内开启,通过点击浏览器右上角的图标或按F12快捷键激活...

    firebug插件

    Firebug是一款针对Firefox浏览器的强大开发工具插件,它在网页前端开发和调试中扮演着重要角色。这款插件自2006年发布以来,深受开发者喜爱,它提供了丰富的功能,帮助用户深入理解网页的工作机制,优化代码并解决...

    IE下JS调试工具install-companionjs-v0.5.5

    "install-companionjs-v0.5.5"便是这样一款专为IE设计的JS调试工具,它旨在提供类似Firefox的Firebug的调试体验。 Firebug是Firefox浏览器中的一款经典插件,它集成了HTML、CSS、JavaScript以及网络请求的调试功能...

    JavaScript 在各个浏览器中执行的耐性

    Firefox的对话框提供了更多选择,包括停止脚本、调试脚本(需要安装Firebug)或继续运行脚本。 3. **Safari**:Safari也依据脚本执行时间来判断,其默认超时时间是5秒。超时后,Safari会提示用户脚本已使其失去响应...

    jQuery基础

    要充分利用这门课程,需要准备以下软件工具:Firefox浏览器、Firefox浏览器的Firebug扩展、一个纯文本编辑器,以及对于Ajax部分,需要一个本地服务器(如MAMP或WAMP)或者远程服务器的FTP或SSH客户端。 以上介绍了...

    java 转换 IE JESSIONID

    例如,Chrome的开发者工具可以查看和编辑cookies,而Firefox的类似工具(如Firebug)也可以帮助理解会话处理过程。 6. **安全考虑**: - JSESSIONID通常被视为敏感信息,因为它可以被恶意用户利用来劫持会话。因此...

    WEB安全测试

    2.1 安装Firefox 29 2.2 安装Firefox扩展 30 2.3 安装Firebug 31 2.4 安装OWASP的WebScarab 32 2.5 在Windows上安装Perl及其软件包 33 2.6 在Linux, Unix或OS X上安装Perl和使用CPAN 34 2.7 安装CAL9000 35 2.8 ...

    [完整][中文][WEB安全测试].(美)霍普.扫描版.pdf

    2.2 安装Firefox扩展 30 2.3 安装Firebug 31 2.4 安装OWASP的WebScarab 32 2.5 在Windows上安装Perl及其软件包 33 2.6 在Linux, Unix或OS X上安装Perl和使用CPAN 34 2.7 安装CAL9000 35 2.8 安装ViewState Decoder ...

    PHP架构师 指南 设计

    #### 一、基本知识点 ... - **503**: 服务不可用。通常用于服务器暂时过载或维护时。 ...- **Firefox**: Firebug(已停更)、DevTools。 - **Chrome**: DevTools。 - **IE**: F12 Developer Tools。

    php第一次无法获取cookie问题处理

    - 使用Firefox的Firebug或其他类似工具,如Chrome的开发者工具,可以查看HTTP请求和响应的头部信息,包括Cookie的设置和传递过程。在"网络"面板中,你可以看到请求头中的`Cookie`字段是如何随着每次请求变化的。 5...

Global site tag (gtag.js) - Google Analytics