顺序或并行网站图像加载速度更快(使用Javascript)

发布于 2025-01-02 20:13:03 字数 445 浏览 1 评论 0原文

我目前正在编写一个 AJAX 图片库的脚本,它会在显示灯箱之前预加载几个大图像(每个图像至少 120kB,最多 2MB)。我的问题是是否按顺序加载这些图像(例如让预加载器一次等待一张图像预加载)或并行加载图像。我的猜测是,多个 http 连接(并行缓存)将比单个 http 连接更快。然而,我在某处读到,旧版 IE 在并行图像加载方面存在性能问题。现在还是这样吗?

我正在使用 XHTML5 (HTML5 XML) 编写整个项目,并且仅针对最常见浏览器(Safari 5+、Chrome 15+、Firefox 8+、IE9+)的当前稳定版本。 AJAX 是通过 jQuery“框架”完成的。

我知道,存在潜在的网络问题,这可能会极大地影响数据的加载(延迟、带宽、数据包丢失方面的连接质量、ISP、代理、服务器等允许的最大并发连接数的组合)。我们假设普通用户会使用延迟低于 80 毫秒且带宽高于 6 Mbps 的较好连接(DSL、电缆、光纤)。

I am currently scripting an AJAX image gallery of sorts, which preloads several large images (at least 120kB per image up to 2MB) before the lightbox is displayed. My question is whether to load these images sequentially (e. g. have the preloader wait for one image to preload at a time) or load the images parallel. My guess is, that multiple http connections (parallel caching) will be faster than a single http connection. However, I have read somewhere, that with the older IE had performance issues with parallel image loading. Is that still the case?

I am coding the entire project in XHTML5 (HTML5 XML) and will target only current stable releases of the most common browsers (Safari 5+, Chrome 15+, Firefox 8+, IE9+). AJAX'ing is done with the jQuery ‘framework’.

I am aware, that there are underlying network issues, which can greatly impact the loading of data (combinations of latency, bandwidth, connection quality in terms of packet loss, max allowed concurrent connections by isp, proxies, servers, etc.). Let's just assume that the average user will use a somewhat decent connection (dsl, cable, fiber) with a latency below 80 ms and a bandwidth greater than 6 Mbps.

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

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

发布评论

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

评论(1

北方。的韩爷 2025-01-09 20:13:03

在大多数连接上并行加载似乎更快。

parallel loading seems to be faster on most connections.

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