我的图片加载得太晚,为什么?

发布于 2024-11-27 12:20:12 字数 414 浏览 1 评论 0原文

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

图片加载太晚

Firebug 在此空白区域不显示任何状态。

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

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

gap

完全无缓存加载:

巨大差距

I have a few js and css files that loads on the head. After the last js file there is a gap (on Firefox) of 1311ms until the browser starts to load the images.

image loading too late

Firebug doesn't show any status on this blank space.

What does it mean? Why are my images loading so late?

All images on cache, the gap is still there...

gap

Full no-cache load:

huge gap

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

烂人 2024-12-04 12:20:12

您有一个 300kb 的 JavaScript 文件。有大量的 JS 需要解析并可能执行。尝试使用 Firebug 或 Chrome 中的分析工具来查看页面加载时运行的 JavaScript。

You have a 300kb JavaScript file. That's a lot of JS to parse and possibly execute. Try the profiling tool in Firebug or Chrome to see what JavaScript is being run on page load.

嘦怹 2024-12-04 12:20:12

也许有一些原因。

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

您可以使用一些Web性能工具,例如Yslow,chrome控制台..来分析这个问题。

there some maybe reason.

  • Those static file in many HOST, these are not in the same HOST.
  • Your browser is resolve these file slowly.
  • A javascript file in these file spending much time.

you can use some web preformance tool, like Yslow, chrome console .. to analysis this problem.

白况 2024-12-04 12:20:12

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

If we're talking img tags, then the delay might be the time it takes the browser to render the page. I'd have to look for a reference, but I recall that the browser doesn't start to fetch images until it has rendered the page. You could test this out by adding some profiling that shows when the page has completed rendering, and compare that to the time the first image starts loading. I have profiling inserted in my pages that inserts timestamps as the very first statement/element (inside the head), and the very last (in the body). Comparing the two gives you the approximate render time.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文