缓存在网站上使用的一个图像或网站中每个点的图像?

时间:2015-12-22 14:33:27

标签: image performance caching picturefill

设置舞台,你是一个销售产品的电子商务平台。该产品的图像存在于网站上的几个位置,如下所示

  • 在约150x150px
  • 的旋转木马中
  • 在快速视图中显示产品的图像约为250x250
  • 在该产品的页面上显示产品的缩略图80x80
  • 在该产品的页面上显示该图像的完整尺寸300x300
  • 在快速购物车中约65x65
  • 在完整购物车中约100x100

您是否会提供1张适用于所有这些广告位的图片,并希望将其缓存,或者您是否会为每张图片提供准确的尺寸。

考虑到更多情况,如果用户购物车装满了物品并离开了网站并直接返回购物车,则他们需要装入大型购物车,或者用户已经离开了几天或几周是一组全新的产品,所以没有更多的缓存图像。

您认为最有效的解决方案是什么?

1 个答案:

答案 0 :(得分:1)

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

实际上我会选择介于两者之间的东西。不是所有的尺寸,但也不只是一个尺寸。像150,100,80和65这样的东西是150.而250和300则是300.