当前位置:首页 > 开发 > Web前端 > 前端 > 正文

Chrome开发者工具面板介绍

发表于: 2013-06-26   作者:darrenzhu   来源:转载   浏览次数:
摘要: 1.网络面板 Network 另外提供一篇介绍更全面的文档: http://net.tutsplus.com/tutorials/chrome-dev-tools-networking-and-the-console/ Sending is time spent uploading the data/request to the server. It occurs between blo
1.网络面板 Network
另外提供一篇介绍更全面的文档:
http://net.tutsplus.com/tutorials/chrome-dev-tools-networking-and-the-console/
Sending is time spent uploading the data/request to the server. It occurs between blocking and waiting. For example, if I post back an ASPX page this would indicate the amount of time it took to upload the request (including the values of the forms and the session state) back to the ASP server.

Waiting is the time after the request has been sent, but before a response from the server has been received. Basically this is the time spent waiting for a response from the server.

Receiving is the time spent downloading the response from the server.

Blocking is the amount of time between the UI thread starting the request and the HTTP GET request getting onto the wire.

The order these occur in is:

    Blocking*
    DNS Lookup
    Connecting
    Sending
    Waiting
    Receiving

*Blocking and DNS Lookup might be swapped.

The network tab does not indicate time spent processing.

If you have long blocking times then the machine running the browser is running slowly. You can fix this by upgrading the machine (more RAM, faster processor, etc.) or by reducing its work load (turn off services you do not need, closing programs, etc.).

Long wait times indicate that your server is taking a long time to respond to requests. This either means:

    The request takes a long time to process (like if you are pulling a large amount of data from the database, large amounts of data need to be sorted, or a file has to be found on an HDD which needs to spin up).
    Your server is receiving too many requests to handle all requests in a reasonable amount of time (it might take .02 seconds to process a request, but when you have 1000 requests there will be a noticeable delay).

The two issues are related. If you can reduce the work load on the server by caching, adding new server, and reducing the work required for active pages then you should see improvements in both areas.

Chrome开发者工具面板介绍

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
http://segmentfault.com/a/1190000000683599 原文地址 这里我假设你用的是Chrome浏览器,如果恰好
这里我假设你用的是Chrome浏览器,如果恰好你做web开发,或者是比较好奇网页中的一些渲染效果并且喜
这两天调试的时候总是出现这个错误提示 很是让人苦恼 后来发现 最后又过了几个月找到了解决办法 浏
作为一名前端开发者,打交道最多的可能是和浏览器。市面上各种浏览器多不胜数,主流的有Chrome,Fir
转载:http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html Chrome开发者工具已经
Chrome Timeline的指标说明:Blocked、Connect、Send、Wait、Receive Blocked time includes any pr
本文作者是Peter Rybin,Chrome开发者工具团队成员. 本文中,我们将通过使用Chrome的开发者工具,来学
http://www.oschina.net/translate/things-i-didnt-know-about-chrome-devtools 自打我开始进行Web
阅读目录 对象大小(Object sizes) 对象的占用总内存树 支配对象(Dominators) V8介绍 Chrome 任务管
转自:http://www.cr173.com/html/16930_1.html 更多资源:https://developers.google.com/chrome-d
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号