Question

我一直在尝试使用灯塔报告优化我的网页。

其中一项性能诊断程序说可以增加我的静态文件的缓存寿命。

报告中指示的文件为main.js，polyfills.js，runtime.js和styles.css。据我了解，这些是我网页的主要内容。我当时在考虑使用角度服务工作者增加缓存。但是我找不到任何办法。

我发现增加缓存时间最接近的是角度服务工作者数据组。数据组支持缓存配置。

cacheConfig: {
    maxSize: number;
    maxAge: string;
    timeout?: string;
    strategy?: 'freshness' | 'performance';
  };

但是我不知道如何对AssetGroups执行相同的操作。据我了解，js和css文件属于AssetGroups。

以下是灯塔报告的屏幕截图。

我正在工作的网页是margvel.com 我在github上有代码。

我也正在使用Firebase进行托管。是否拥有或可以更改Firebase上的缓存策略？

如何增加这些文件的缓存寿命？