javascript - 返回 JSON 中的 Base64 编码缩略图还是只返回 URL？

Question

我建立了一个页面，显示了一些带有缩略图的项目。该页面有一个寻呼机，用户可以来回迭代结果。每个迭代请求都是使用 AJAX 发出的，并返回一个 JSON 响应。目前，JSON 响应还包括每个项目的 Base64 编码缩略图。对于 12 个项目，响应大约为 100KB(gzip 编码)。缩略图被压缩为 JPEG。

这样好吗？与其在 JSON 响应中嵌入缩略图，不如仅包含缩略图的 URL 更可取？

请从客户端和服务器端的性能(可能还有带宽)方面回答。

Answer 1

视情况而定。

支持嵌入:

• 没有额外的请求。
• 没有额外的往返(相关)。
• 开销小(没有 URL，没有额外的请求 header )

支持链接:

• 总传输量较小(除非您的图片很小)。
• 可缓存。

基本上取决于图像的大小和重复使用。如果图像只可能被看到一次，那么缓存能力就没有任何好处。如果可以缓存整个 JSON 响应，那就更好了。

如果图像太小以至于 header 开销占图像大小的很大一部分，则可能值得嵌入它们。

最后，诸如 HTTP2 和 SPDY 之类的协议(protocol)将在单个连接上多路复用所有数据并减少大部分开销(例如 header )。因此，除非您的图像真的很小并且不太可能被缓存，否则最好在使用这些协议(protocol)(您应该使用)时链接到它们。