我的图片加载太晚了，为什么？

Question

我在head上加载了一些js和css文件。在最后一个js文件之后，在1311ms之间存在差距（在Firefox上），直到浏览器开始加载图像。

Firebug未在此空白处显示任何状态。

这是什么意思？为什么我的图片加载得这么晚？

缓存上的所有图片，差距仍然存在......

完全无缓存加载：

Answer 1

有一些可能的原因。

• 许多HOST中的那些静态文件，它们不在同一个HOST中。
• 您的浏览器会慢慢解析这些文件。
• 这些文件中的javascript文件花费了很多时间。

你可以使用一些网络性能工具，比如Yslow，chrome console ..来分析这个问题。

Answer 2

你有一个300kb的JavaScript文件。这是解析和执行的很多JS。尝试使用Firebug或Chrome中的分析工具来查看页面加载时运行的JavaScript。

Answer 3

如果我们正在谈论img标签，那么延迟可能是浏览器呈现页面所需的时间。我必须寻找一个参考，但我记得浏览器在呈现页面之前不会开始获取图像。您可以通过添加一些分析来测试这一点，该分析显示页面何时完成渲染，并将其与第一个图像开始加载的时间进行比较。我在我的页面中插入了分析，其中插入时间戳作为第一个语句/元素（在头部内部），以及最后一个（在正文中）。比较两者可以得到近似的渲染时间。