Firebug 折腾记_(4) 响应时间监测

简介: 这篇作为firebug系列的结束贴;四篇博文应该让一些小伙伴对firebug有了基本的认识和操作


题外话


这篇作为firebug系列的结束贴;

四篇博文应该让一些小伙伴对firebug有了基本的认识和操作


网络



  1. 菜单依次解释


  • 暂停符号:在XHR( XMLHttpRequests)处暂停也就是监听,点击这个按钮后,发起异步请求时中断js执行,并跳转到script面板,标识出相应的代码
  • 清除:清除当前获取的资源信息
  • 保持:保存当前获取的信息,刷新依旧存在
  • 全部是汇总所有资源信息,后面的都是针对性的筛选信息


  1. 内容列表依次解释


  • URL–可以展开,里面包含很详细的头部信息和内容
  • 头信息: 可以看到很详细的东东,比如内容编码,告知网站哪种搞的(PHP),时间等等


  • 响应 – 服务器响应回来的东东


  • HTML – 可视化界面



  • 缓存 – 缓存大小,最大期限及修改和获取的时间



  • cookies – 不用多说了




  • 状态 – 这个很好理解,比如200,304,404 .. 各种服务器返回的状态
  • 域:向哪里请求
  • 大小 – 数据块大小
  • 远程IP,对外的IP
  • 时间线:资源请求的时间,鼠标移动到上面可以详细的看到消耗时间的构成



Cookie


直接上图,再做解释



  1. 里面可以新建cookie,保存当前cookie,和移除已经获取的cookie
  2. 看下拉菜单的文字就知道作用了
  3. 控制是否接受该网站的cookie
  4. 获取到cookie内容列表


  • 名称: cookie名称
  • 内容:cookie的内容 – 传送来传送去,一般放在请求的头部
  • 域:来自哪个网站的cookie–看域名就知道了
  • 原始大小:cookie的大小, cookie最大为4K(现在越来越多网站过渡到h5的localstorage了)
  • 路径
  • cookie过期时间
  • 仅http:(Http only)
  • 安全 – 我也不大清楚 ,cookie如何验证是否安全的!!!
目录
相关文章
|
5月前
|
存储 缓存 自然语言处理
|
8月前
|
Web App开发 缓存 监控
Web性能检测工具:Audits
【1月更文挑战第5天】
|
存储 缓存 前端开发
意外之惊喜!浏览器缓存优化方案,让页面加载速度飙升48.5%!
经过对浏览器缓存优化方案的调研和实现过程,我发现了一个令人意外的发现:**页面加载速度提升了整整48.5%!** 这个令人震撼的结果在微前端架构项目中具有重要意义,同时虽然本文是针对微前端架构的,但这个浏览器缓存优化方案同样适用于其他前端项目。本文将深入探讨这个优化方案,并分享调试和改进的经验。
437 1
意外之惊喜!浏览器缓存优化方案,让页面加载速度飙升48.5%!
|
缓存 JavaScript UED
网站打开缓慢的原因有哪些?
在进行站点优化时,很多站长会发现我们的网站有时运行速度很快,有时运行速度很慢,严重影响了用户体验。因此,有必要理解为什么网站变得很慢。如今,可以帮助你了解为什么我们的网站会慢下来。
285 1
网站打开缓慢的原因有哪些?
|
小程序 前端开发 JavaScript
小程序-实现类似新浪头条新闻上下间歇性滚动
小程序-实现类似新浪头条新闻上下间歇性滚动
257 0
关于网站访问缓慢问题调查
关于网站访问缓慢问题调查
102 0
关于网站访问缓慢问题调查
|
Web App开发 JavaScript Linux
急速 debug 实战二(浏览器 - 调试线上篇)
通过前一篇的介绍,我们已经懂得基本的 debug 技巧,那么我们如何快速调试一些线上的问题呢。
急速 debug 实战二(浏览器 - 调试线上篇)
|
PHP Perl 测试技术
记一次织梦程序访问缓慢问题排查
近期接到几个关于织梦程序访问缓慢的case,有首页缓慢的也有后台生成首页缓慢的。本文记录一下关于这个case排查的过程。
1573 0