当我在网站上进行性能测试时,我试图利用Chrome开发者工具。如果在工具菜单上选择“网络”,则它将如下所示:



然后,如果我选择性能文件,我将获得以下信息:



我的问题是这样的:


DNS查找,连接,发送,等待和接收的含义是什么?在每个阶段,服务器,网络和浏览器之间发生了什么?
在第一个图像上,红线显示为“加载事件已触发”,蓝线显示为“ DOMContent事件已触发”。这是什么意思,为什么在所有内容加载后触发DOMContent事件?

最佳答案

我不确定这是否适合SO,因为这是网络问题,而不是编程问题,但我会尽我所能回答。

DNS查询

当您连接到网站时,它必须从DNS查找IP。例如,您的计算机将与DNS联系,询问它是否知道“ google.com”在哪里。如果是这样,它将为您提供IP。如果没有,它将为您提供另一个DNS的IP,或者它将与该DNS本身联系(我不确定哪种实现适用于此),直到最终获得您要查找的主机的IP对于。

连接中

与该IP连接所花费的时间。我不确定这里的细节。

正在发送

连接后,将请求发送到服务器。它可以是查看页面或提交数据或其他任何请求。

等候

发送请求后,您等待服务器响应。它可能很忙,或者可能需要一段时间才能处理您所请求的任何内容。

接收

服务器处理完您的请求后,它将把数据发送回给您。

关于performance - Chrome开发者工具:如何阅读网络面板?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12097425/

10-11 22:26
查看更多