Javascript 缓存所有有效响应

我是网站开发新手，需要你们的帮助

我想为我的网站建立一个插件，以提高用户体验和性能。这个插件应该缓存所有有效的响应，这样，如果另一个页面请求相同的资源，那么它应该从缓存本身获得服务，而不进行任何API调用。该插件还负责多次从服务器请求资源，直到请求成功（即，如果请求在所有n-1次尝试中失败，则尝试获取最多n次）

创建一个以n为输入的HTML页面和一个fetch按钮，该按钮最多发出n次请求，并在屏幕上显示获取的内容和时间

---

请帮忙。。。。提前感谢……

这将如何改善用户体验？你的浏览器已经为你做了一些缓存，所以我建议看看为什么某些请求需要很长时间，并尝试优化它。我们不应该开发你的应用程序。我们应该在你陷入困境时帮助你编写代码。你必须自己去尝试，尽你最大的努力，当你陷入困境时来寻求帮助。好的，在这种情况下，你能提供一些链接，帮助我完成这件事。