Angular在图片已加载时是否会缓存？

Question

3

当点击每个项目进入项目详细信息页面时，我们在项目列表页面上显示项目图像。问题是我们不想再次加载图像，只需从项目列表中获取即可展示。如何解决这个问题？

- Cheasrouch Sok

当您单击打开时，将项目作为@Input从列表传递。浏览器会缓存您的图像。发布一些代码，您将获得更好的帮助。 - joyBlanks

检查这个链接：https://itnext.io/improve-your-angular-app-performance-by-using-this-simple-observable-cache-decorator-71e81dfa76ae - Joel Joseph

2个回答

0

大多数浏览器默认缓存应用程序中加载的图像，因此当您再次发出相同的请求时，它不一定需要再次从服务器加载。

要检查这一点，您可以在Chrome中运行应用程序，然后运行开发人员工具并转到网络选项卡，在筛选器部分单击Img标签，以便仅按图像过滤。

一旦您这样做，请尝试在页面上点击刷新，您将看到某些图像是从磁盘缓存/内存缓存中加载的，从而消除了反复从服务器加载的需要。

- Sagar Khatri

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Cheasrouch Sok · Accepted Answer

大多数浏览器默认会缓存，但 Firebase 存储的图像并没有被缓存。