Question

我创建了一个可重复使用的组件，例如my-gif-component。该组件在图片标签中引用了gif，就像这样，

my-gif-component.html

 <div>
   <img src="mygif.gif"/>
 </div>

现在无论我在任何其他组件内部使用此可重复使用的gif组件作为<my-gif-component></my-gif-component>的地方，都是从服务器中获取mygif.gif的次数，即在整个应用程序中使用my-gif-component的次数。

是否可以缓存一次gif /图像，然后my-gif-component的所有其他实例都使用该图像，而不是下载新的

Answer 1

您为gif提供服务的服务器应在其响应中发送一个HTTP标头cahche-control: max-age=yourmaxage和gif 这将使浏览器缓存图像，直到最大使用期限到期为止，您不应将最大使用期限设置为高，因为更改gif会很困难。

根据gif是否动态，您还可以考虑直接在应用程序中构建gif，这样就不会从服务器请求它。