Javascript 我的图像加载太晚了,为什么?

Javascript 我的图像加载太晚了,为什么?,javascript,html,performance,dom,Javascript,Html,Performance,Dom,我有一些js和css文件加载到头部。在最后一个js文件之后(在Firefox上)有一个间隔1311ms,直到浏览器开始加载图像 Firebug在此空白处不显示任何状态 这是什么意思?为什么我的图像加载这么晚 缓存中的所有图像,间隙仍然存在 完全无缓存加载: 如果我们谈论的是img标签,那么延迟可能是浏览器呈现页面所需的时间。我必须查找引用,但我记得浏览器在呈现页面之前不会开始获取图像。您可以通过添加一些分析来测试这一点,这些分析显示页面何时完成呈现,并将其与第一个图像开始加载的时间进行比较。

我有一些js和css文件加载到
头部
。在最后一个js文件之后(在Firefox上)有一个间隔
1311ms
,直到浏览器开始加载图像

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

这是什么意思?为什么我的图像加载这么晚

缓存中的所有图像,间隙仍然存在

完全无缓存加载:


如果我们谈论的是img标签,那么延迟可能是浏览器呈现页面所需的时间。我必须查找引用,但我记得浏览器在呈现页面之前不会开始获取图像。您可以通过添加一些分析来测试这一点,这些分析显示页面何时完成呈现,并将其与第一个图像开始加载的时间进行比较。我在页面中插入了分析,它将时间戳作为第一个语句/元素(在头部)和最后一个语句/元素(在主体中)插入。比较两者可以得到大致的渲染时间。

可能有一些原因

  • 那些静态文件在许多主机上,这些不在同一主机上
  • 您的浏览器正在缓慢解析这些文件
  • 这些文件中的javascript文件花费了很多时间

您可以使用一些web性能工具,如Yslow、chrome控制台。。要分析此问题。

您有一个300kb的JavaScript文件。需要解析和执行的JS太多了。尝试Firebug或Chrome中的评测工具,查看页面加载时运行的JavaScript。

我也看到了这一点。见鬼,我现在正在看我的一页,就是这样!我一直认为这是由Firefox解析和加载javascript文件的时间造成的。好奇地想看看你的答案。@SLaks引用的图像是什么?@SLaks你是什么意思?第一个图像只是一个静态图像
这很奇怪,因为它从缓存中获取图像。。我也猜Firefox首先完成“编译”客户端脚本,然后CSS才开始处理图像。如果省略了几个JS文件,是否会影响差距?今天的这篇文章讨论了这个差距: