处理图片标签导致的HTTPRequest过多

Posted 2023-02-24

【中文标题】处理图片标签导致的HTTPRequest过多

【英文标题】：Handling too many HTTPRequest caused by image tag

【发布时间】：2016-02-26 11:22:16

【问题描述】：

我有一个以表格形式显示报告的应用程序。

在使用超过 400 条记录呈现此报告时，每个图像标签都会向服务器发出 HTTPRequest，从而导致服务器开销。

导致性能问题。因此，所有其他服务也会受到影响。

尝试过的解决方案：

延迟加载：仅获取屏幕记录的图像。我仍然需要创建大约 40 个单独的 HTTPRequest。

缓存：无法捕获大量数据。

请建议一些东西来优化它。谢谢。

【问题讨论】：

带有缓存的延迟加载似乎是解决您问题的一个很好的方法。您到底尝试了什么，为什么会失败？

假设如果一行包含大约 4 个图像列，那么 HTTPRequest 的数量将是 4x（记录数），这将再次导致相同的性能问题。

那么你应该考虑加载更少的图像。你可以重组你的 UI 来一次只加载 6 个吗？看看其他一些网站正在做什么来给你一个想法。

谢谢蒂姆，如果我也尝试限制它，我必须加载至少 200 张图片。

网站处理这个问题的一种方法是首先显示一个相对较小的缩略图。滚动或点击会触发完整图像的下载。

【参考方案1】：

将图片的 base64 编码版本作为文本发送，如果适合您，浏览器将呈现它。