google-chrome - 网络检查器下资源加载之间的空白时间

Question

我一直在一个新的网站上工作，并练习我的JS/jQuery/AJaxy技能。昨晚，我想看看页面渲染需要多长时间，并查看是否可以清理任何区域以提高速度。尽管页面每次加载大约200-300毫秒，但在网络检查器下，我看到资源加载之间存在大量空白空间。

http://i.imgur.com/7ng6m.jpg

有没有其他人看到过这个或者知道我能做些什么来最大程度地减少时间(谈论html和第一个css文件之间的空白)？

Answer 1

页面加载完成后，您已经加载了一堆图像(load和DOMContentLoaded事件已触发-时间轴上的蓝色和红色垂直线)。我可以看到图像是由JQuery库( Initiator 列)加载的，也许是为了建立画廊或其他东西。

因此，情况是JQuery在页面加载之后加载了图像，大概是在onload处理程序中了(这看起来像代码中的$(document).ready(handler)，但是其他选项也是可能的)。