首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何提高js和css文件在角6中的缓存寿命?

如何提高js和css文件在角6中的缓存寿命?
EN

Stack Overflow用户
提问于 2018-08-17 08:16:29
回答 1查看 723关注 0票数 7

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

其中一种性能诊断方法是增加我的静态文件的缓存生存期。

报告中显示的文件是main.jspolyfills.jsruntime.jsstyles.css。据我所知,这些是我网页的主要部分。我在考虑使用角度服务工作者来增加缓存。但我没办法这么做。

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

代码语言:javascript
运行
复制
cacheConfig: {
    maxSize: number;
    maxAge: string;
    timeout?: string;
    strategy?: 'freshness' | 'performance';
  };

但我不知道如何为AssetGroups做同样的事情。据我所知,js和css文件属于AssetGroups。

这里是灯塔报告截图.

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

我也在使用防火墙作为主机。我有或者可以改变防火墙上的缓存策略吗?

如何增加这些文件的缓存生存期?

EN

回答 1

Stack Overflow用户

发布于 2021-12-28 07:05:06

您需要向浏览器传达,它可以缓存它接收到的静态文件,并从浏览器缓存中返回它们,而不是为后续请求重新访问服务器,除非满足某些条件。传递这一点的方式是发送某些响应http头,其中包含服务器发送给浏览器的可缓存文件。在本例中,您要查找的是高速缓存控制头。由于您使用的是承载您的防火墙,所以当firebase为您的文件提供服务时,它将向您发送相关文件所需的标题。参考并将缓存控制头添加到项目中的firebase.json文件中,根据您的喜好或用例配置标题的指令

为例来设置源字段,引用作为示例来设置缓存控制指令。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51891095

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档