javascript - 使用一个 HTTP 请求加载几个缩略图

Question

假设我在几个网页中显示几十个缩略图(每页 10 个缩略图)。我想尽快加载它们。

通过一个 HTTP 请求获取几个缩略图是否有意义(一个缩略图约为 10K)？您建议如何使用 JavaScript 来实现这一点？

Answer 1

可以，但你需要克服一些困难:

1) Base-64 将服务器上的图像编码为单个文件。

2) 通过 AJAX 将它们作为单个请求 blob 发送到客户端。

3)将图像解码回碎片。

4) 使用 Data-URI 将它们插入到 DOM 中。

...不太值得。