预加载 Web 资产:加载小于文件的完整大小

Preloading web assets: load less then the full size of the file

本文关键字：加载小于 Web 资产文件更新时间：2023-09-26

您（我，我们，每个人等）无疑知道在网站上加载和预加载资源的方法。但我想知道是否有可能，无论是服务器端还是客户端，部分加载资产。

假设我的网站上有 10 张图片，全部为 500kb。

但是，在用户触发事件之前，这些图像不会立即可见。

是否有可能在加载时加载每个图像的 200kb，然后在需要时加载剩余的 300kb？

我不需要有关预加载的信息，因为它在许多地方都有很好的记录，只是如果资产的部分加载是任何人尝试并实现的

谢谢你的任何想法

安德鲁

您当然可以执行部分加载，其中仅加载 500 张图像中的 X。但是，仅加载 500K 文件中的 200K 似乎不太可能在网络上有用 - 尤其是图像。

不完全是你要找的，但是有一些延迟加载插件会延迟图像的加载，直到用户将它们滚动到视图中。

目前大多数框架都有一个插件（Mike Tuupola 的 jQuery 的 Lazy Load 插件曾经无法正常工作，但似乎他已经做了一些工作）。我还找到了MooTools，Prototype和YUI的例子。