如何修复React JS中的错误“较长的缓存生存期可以加快对页面的重复访问”?

How to fix error `A long cache lifetime can speed up repeat visits to your page` in React JS?

提问人:Ganda Rain Panjaitan 提问时间:10/21/2023 更新时间:10/21/2023 访问量:173

问:

目前,我正在尝试使用此 https://pagespeed.web.dev/ 改进和分析 react Web 性能。

不幸的是,我所有的本地静态图像和字体都出现了这样的错误。A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies.

A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies

检查此链接后 https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/?utm_source=lighthouse&utm_medium=lr。这无济于事,因为没有关于 react js 的信息。

如何修复React JS中的错误?A long cache lifetime can speed up repeat visits to your page

React JS 版本:“16.9.0”

反应JS PageSpeed

评论


答:

0赞 porex 10/21/2023 #1

你有很多解决方案,其中之一就是优化你的客户端,你可以使用“React Use Query”来兑现数据。

0赞 Rick Viscomi 10/21/2023 #2

React 本身不负责提供静态资产,如图像和字体。无论你使用哪个主机来提供你的 React 站点,都需要配置为设置适当的缓存标头。

本文可能会更好地准确解释要使用哪些标头以及将它们设置为什么。如有疑问,请查阅托管服务提供商的支持/文档页面。