缓存一个图像以供跨站点使用或站点中每个位置的图像？

Question

设置舞台，您是一个销售产品的电子商务平台。该产品的图片存在于网站的多个位置，如下所示

• 在大约 150x150 像素的轮播中
• 快速查看显示该产品的图片大约为 250x250
• 在该产品的页面上显示该产品的 80x80 缩略图
• 在该产品的页面上显示该图像的全尺寸 300x300
• 在大约 65x65 的快速购物车中
• 在大约 100x100 的完整购物车中

您是否会提供 1 张适用于所有这些地点的图片并希望它被缓存，或者您是否会提供每张图片的精确尺寸。

考虑到更多的情况，如果用户有一个装满商品的购物车并离开网站并直接回到他们的购物车，他们有一个大购物车要加载，或者用户离开了几天或几周后是一组全新的产品，所以没有更多的缓存图像。

您认为最高效的解决方案是什么？

Answer 1

我认为这取决于同一页面上显示了多少这些尺寸。如果所有尺寸都在不同的页面上，那么我会有不同的尺寸，如果它们都在同一个页面上，我只会加载最大的一个。

实际上，我会选择介于两者之间的东西。不是所有的尺寸，但也不仅仅是一种尺寸。比如将 150、100、80 和 65 组合为 150。将 250 和 300 组合为 300。