当我在网站上进行性能测试时,我试图利用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/