前端调试之瀑布流

1.network下的单个瀑布流(单个资源加载)

通过控制台下的瀑布流可以大致看到单个网络资源的加载时机以及加载时长。一个网络资源的请求不是一个单一的下载的过程。中间还经过了很多的过程。鼠标悬浮在单个瀑布条上可以查看详细的信息

对于用户来说最为直观的影响因素是TTFB(请求发出去到请求回来),这里如果请求发出去,但是响应一直没有回来,会导致白屏。

这里有两个最重要的影响因素:

  • 后台的处理能力,服务器响应有多快
  • 资源的回路--网络的情况

2.竖向的多个资源的关联

chrome中的瀑布流可以看到两条线:蓝红两条,蓝线表示DOM加载完成,红线表示页面上所有声明的资源加载完成的时间

如果想回看这个页面加载的结果,可以把这个结果保存下来:

右击-保存

原文地址:https://www.cnblogs.com/codexlx/p/13986392.html