使用chrome dev工具拍摄的截图中的瀑布图是什么意思？

Question

下面给出了使用chrome中的开发工具运行我的应用程序时的截图。请帮我理解瀑布图。绿色和蓝色是指什么。我的应用程序在长时间延迟后呈现内容，因此我使用开发工具来了解我的应用程序行为。我可以通过此图表了解应用程序的延迟吗？

Answer 1

将鼠标悬停在资源的瀑布上以查看有关它的更多信息。弹出窗口为您提供每个阶段的详细说明。单击请求以在专用选项卡中打开相同的视图。见View the timing breakdown of a request。