首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

生产环境静态资源cdn怎么刷新缓存

生产环境静态资源 CDN 刷新缓存

CDN

CDN(Content Delivery Network,内容分发网络)是一种网络架构,通过将用户请求的内容加速分发到多个数据中心,以提高网站的访问速度和响应时间。这种分布式的架构将有助于降低服务器和网络拥塞,提高用户体验和访问量。通常,内容分发网络被用于加速静态资源(如 HTML、CSS、JavaScript、图片和视频等)。

生产环境静态资源 CDN 刷新缓存

在生产环境中,静态资源 CDN 通常会自动缓存响应内容。当 CDN 节点的缓存被填充满时,可能会导致响应时间变慢。为了避免这种情况,你可以刷新 CDN 节点的缓存。这有助于提高你的网站加载速度和性能。以下是刷新缓存的一些建议:

1. 更新缓存策略

首先,更新 CDN 提供商的缓存策略,以确保你获得所需的效果。例如,你可以允许浏览器缓存动态内容,但在生产环境手动刷新静态资源的缓存。

2. 使用请求超时

将静态资源的 CDN 请求超时应设置为一个较高的数值,以强制刷新缓存。确保在超时后,资源需要更新 CDN 的缓存,然后再重新请求。

3. 手动刷新缓存

当你更新了自己的静态资源时,手动刷新 CDN 缓存。这意味着需要关闭 CDN 提供的缓存功能,然后访问你的网站以刷新缓存。或者,你可以使用脚本来完成此任务。例如:

代码语言:bash
复制
curl --write-header https://example.com/static/style.css -L https://example.com/static/style.css > /dev/null
echo 'Cache-Control: no-cache' >> /etc/nginx/nginx.conf
echo 'Content-Type: text/css' >> /etc/nginx/nginx.conf
echo 'ETag: "59d52cda50f2cc0e6124e9126a59ee8a4"' >> /etc/nginx/nginx.conf
nginx -s reload

4. 定期刷新缓存

可以设置定期任务(如计划任务或 cronjob),以便在预定的时间间隔中自动刷新缓存。这种策略可以帮助提高网站性能和用户体验。

注意

在刷新缓存之前,请确保你的新资源已经被正确打包并在 CDN 上部署。如果你使用了自己的 Web 主机,确保你也刷新了主机的缓存。

结论

在生产环境中刷新静态资源 CDN 缓存有助于提高网站的性能和用户体验。你可以通过更新缓存策略、设置请求超时、手动刷新缓存、定期刷新缓存来实现这一点。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用 SCF 自动刷新CDN 缓存的 COS 资源

实践背景 当静态内容需要更新时,通常会往 COS 覆盖上传一个更新版本的资源或删除该资源。若您配置的 CDN 缓存过期时间较长,则 CDN 的某些边缘节点可能会仍然缓存资源。...根据上述情况,您需要使用 CDN 控制台上的 缓存刷新 功能,对指定 URL 进行手动刷新操作,实现删除无效缓存文件或者更新资源。...本文将结合 COS 和 SCF 的功能特性,在 COS 文件更新时,实现自动刷新 CDN 缓存的效果。 前提条件 腾讯云账户,需具备 COS、CDN、SCF 等产品的访问权限。...在 “新建函数” 页面,选择 “空白函数”,输入函数名称(如 refresh_cdn),设置运行环境(示例代码使用 Node.js 语言,因此运行环境设置为 Nodejs 6.10),如下图所示: [7ae6cbd10b3b0f595158f9fb569f7789...登录 CDN 控制台,选择【缓存刷新】>【操作记录】,可查询到自动调用刷新的记录。 以上测试通过后,即可访问 CDN 加速后的 URL 获取到最新的资源

1.5K50

使用 SCF 自动刷新CDN 缓存的 COS 资源

本实践将引导您在使用腾讯云对象存储 COS 上传对象时,借助云函数 SCF 实现自动刷新CDN 上指定的缓存文件,让其自动获取到更新后的资源。...注意:使用此功能将遵循 CDN 相关 API 调用次数的限制。 实践背景 当静态内容需要更新时,通常会往 COS 覆盖上传一个更新版本的资源或删除该资源。...若您配置的 CDN 缓存过期时间较长,则 CDN 的某些边缘节点可能会仍然缓存资源缓存过期时间太短,则会影响到加速的效果。...根据上述情况,您需要使用 CDN 控制台上的 缓存刷新 功能,对指定 URL 进行手动刷新操作,实现删除无效缓存文件或者更新资源。...登录 CDN 控制台,选择【缓存刷新】>【操作记录】,可查询到自动调用刷新的记录。 以上测试通过后,即可访问 CDN 加速后的 URL 获取到最新的资源

3.1K51

关于前端部署的几个灵魂拷问

若使用强缓存,那静态资源如何更新? 配套的,前端静态资源应该如何组织? 配套的,自动化构建 & 部署过程如何与 CDN 结合? 如何避免前端上线,影响未刷新页面的用户?...构建时依据环境变量,将 HTML 中的静态资源地址加上 CDN 域名。 构建完成后将静态资源上传到 CDN 。 配置 Nginx 的反向代理,将静态资源流量转发到 CDN。...直接发到生产环境做回归测试的风险极大,但又不能本地部署前端测试环境去连接后端生产库(可以想想为什么),所以我们需要一个预发(Pre)环境,除了非测试人员访问不到之外,其他所有环节都和生产环境保持一致!...此时,除静态资源为特定版本外,所有环境都是生产环境,可以将变量范围控制在最小。 流程大致如图: Nginx 可通过配置 rewrite 设置转发,如下所示。...Q:配套的,自动化构建 & 部署过程如何与 CDN 结合?A:自动化构建打包后,将产物传输到对应环境 URL 的CDN上。 Q:如何避免前端上线,影响未刷新页面的用户?

1.9K12

梳理 6 项 webpack 的性能优化

四、优化输出质量--加速网络请求 4.1 使用CDN加速静态资源加载 1. CND加速的原理 CDN通过将资源部署到世界各地,使得用户可以就近访问资源,加快访问速度。...要接入CDN,需要把网页的静态资源上传到CDN服务上,在访问这些资源时,使用CDN服务提供的URL。...由于CDN会为资源开启长时间的缓存,例如用户从CDN上获取了index.html,即使之后替换了CDN上的index.html,用户那边仍会在使用之前的版本直到缓存时间过期。...业界做法: HTML文件:放在自己的服务器上且关闭缓存,不接入CDN 静态的JS、CSS、图片等资源:开启CDN缓存,同时文件名带上由内容计算出的Hash值,这样只要内容变化hash就会变化,文件名就会变化...总之,构建需要满足以下几点: 静态资源导入的URL要变成指向CDN服务的绝对路径的URL 静态资源的文件名需要带上根据内容计算出的Hash值 不同类型资源放在不同域名的CDN上 3.

1.8K20

webpack4.41+性能优化(高级篇)

以下配置是在webpack 4.41.6+测试 可用于生产环境: babel-loader缓存优化 ignoreplugin noparse happyPack ParallelUglifyPlugin...不可用于生产环境的: 自动刷新 热更新 DllPlugin babel-loader的缓存优化 module: { rules: [ {...ParallelUglifyPlugin多进程压缩JS 现在的webpack内置Uglify工具压缩js,只要你是生产环境就会自动压缩js(当然你webpack版本太旧是不能自动在生产环境压缩的),因为...地址(也可以统一在外面的 output 中设置,那将作用于所有静态资源) // publicPath: 'http://cdn.abc.com'...开启production环境) 说一下Tree Shaking摇树,如果是开发环境,如果JS中有很多函数,而我只import了一个函数,打包的时候会把所有的函数代码打包进去,而生产环境,就只会引入你用到的那个函数

72110

通过超市买牛奶来学习缓存

缓存被用来加载静态资源,例如: 图片 css 静态 HTML 文件 JavaScript 文件 默认情况下,服务器必须为每个传入请求返回响应。但是加载页面的请求通常包含上述四种资源。...服务器可以将静态资源的副本发送到 CDN 网络中的每个代理服务器,并且它们可以处理本地请求,直到资源过期。...怎么解决呢?非常简单,在家里放一个冰箱呗。 有了冰箱,你可以将牛奶储存在家里而不用送回超市。回到缓存方面,指的是存储静态资源的本地位置——客户端,而代理服务器位于远端位置。...所以首次请求还是必要的,之后就可以将其缓存在本地。 浏览器怎么知道何时从服务器请求新资源呢?解决不了这个问题,你将无法更新本地文件的版本。...在浏览器端,当你尝试使用新的静态资源重新加载页面时,会由于旧资源已经缓存到本地,所以页面根本不会更改。无论刷新页面多少次,都没有任何变化。 这通常是因为浏览器端的一些缓存协议。

39020

CDN 最佳实践】CDN 命中率优化思路

CDN静态资源的加速场景中是将静态资源缓存在距离客户端较近的CDN 节点上,然后客户端访问该资源即可通过较短的链路直接从缓存中获取资源,而避免再通过较长的链路回源获取静态资源。...那么按照上述的缓存规则会影响命中率的因素主要有以下: 1. 文件类型是否适合于在CDN缓存CDN在业务架构中负责加速静态资源,因此如果动态资源也经过CDN的话是会导致CDN的命中率下降的。...在CDN上没有配置缓存规则的情况下,静态文件没有返回Etag头和Last-modified头也同样会导致该静态资源不在CDN节点上缓存。...CDN刷新和预热功能 CDN提供了刷新缓存和预热缓存两个操作。两个操作都会对缓存命中率有影响,但是两个操作的影响是完全相反的。因此用户是需要了解两个操作的概念以及使用场景。...因此请用户在实际线上环境特别是高峰期进行刷新操作。另外建议客户尽量避免执行静态资源同名更新,可以尝试通过添加queryString的方式进行版本更替(例如url中带有?

3.1K20

【前端探索】云存储用得好,静态资源没烦恼

本文主要介绍了,用COS和CDN存储静态资源,以及腾讯云API的使用。...CDN CDN的工作原理,就是将源站的资源缓存CDN各个节点上,当请求命中某个节点的缓存时,直接返回客户端,从而提高访问效率,缓解源站的压力。 更深一步的原理,可以参考下面两篇文章。...腾讯云COS和CDN 为了提高我们页面的体验,我们可以选择结合腾讯云的对象存储COS和内容分发网络CDN来托管我们的静态资源。...痛点:设计同学直接用COSBrowser管理COS上的资源,每次替换资源后,CDN的更新有延时,需要手动触发一下腾讯云的CDN刷新,但是COSBrower客户端上没有可以刷新的地方,每次需要登录腾讯云的网页管理端去刷新...方案:封装CDN刷新的接口,提供一个工具,给设计同学进行CDN刷新。 接下来我们借助这个案例,来看看怎么使用腾讯云的API和SDK。

74540

秒杀系统之设计方向

如何保障应用在复杂工况环境下还能高效稳定运行,如何预防和面对突发问题,系统设计时应该从哪些方面着手?...1.2 静态缓存 分离出动静态数据之后,第二步就是将静态数据进行合理的缓存,由此衍生出两个问题: 1、怎么缓存; 2、哪里缓存 1.2.1 怎么缓存 静态化改造的一个特点是直接缓存整个 HTTP 连接而不是仅仅缓存静态数据...1.2.2 哪里缓存 静态数据缓存到哪里呢?可以有三种方式: 1、浏览器; 2、CDN ; 3、服务端。...服务端主要进行动态逻辑计算及加载,本身并不擅长处理大量连接,每个连接消耗内存较多,同时 Servlet 容器解析 HTTP 较慢,容易侵占逻辑计算资源;另外,静态数据下沉至此也会拉长请求路径。...因此通常将静态数据缓存CDN,其本身更擅长处理大并发的静态文件请求,既可以做到主动失效,又离用户尽可能近,同时规避 Java 语言层面的弱点。

6810

PassJava 小破站生产级事故,请放弃这个 CDN 吧!

原因就是我的网站引用了这个站点 cdn.jsdelivr.net 的静态文件,而这个站点崩了!...它是一个国际的免费的 CDN 站点,很多公开的 npm 包、Github 仓库,都可以使用它来作为静态资源服务器,而且很多国内和国外的知名网站都用了。...这个 CDN 是免费的、速度又快,白嫖它谁说不香呢?是真的吗? 墨菲定律 我们生产环境前几个月爆过一次雷,客户反馈后台管理系统崩了,也是因为引用这个站点的 JS 脚本文件加载不出来的问题。...但昨天下午读者又反馈长时间不能访问,那这个就是生产级 T0 的事故了。 这就是墨菲定律啊!如果事情有变坏的可能,不管这种可能性有多小,它总会发生。 报错截图如下所示: 遇到这种情况怎么办?...然后将这些下载的静态文件全部都放到自己的服务器或者 CDN 上。 替换自己的网站里面的链接。 这里有个问题:这个网站 cdn.jsdelivr.net 已经崩了,如何能下载上面的静态文件?

67020

CDN缓存的那些事儿

默认缓存策略 针对静态资源,所有正常状态码(大于等于200小于400)均缓存 8 天。其中 301 响应缓存 2 小时,302 响应缓存 20 分钟。 针对动态资源,程序会自动识别,则不进行缓存。...缓存刷新:当源站有少量资源更新时,可以使用 URL 刷新 来主动删除 CDN 节点上的资源。...当用户对该资源发起请求时,节点会回源拉取资源,并缓存一份更新后的资源在分发节点。当源站有针对资源进行批量更新时,可以通过规则刷新刷新节点缓存文件。...实际上,规则刷新并没有删除节点资源,而是规则一旦生效之后,缓存CDN 节点的资源会被标记为过期,新的请求会回源校验一次,如果源站该资源有更新,则将新的资源响应给最终用户并替换节点上的旧资源。...客户自主源站的 CDN 服务,执行后会在 10 分钟内生效。 使用CDN以后登录不了后台了怎么办?

1.6K00

利用SCF+COS搭建Hexo

Hexo自动生成及部署系统 项目源码 系统说明 本系统灵活的借用了腾讯云COS作为对象存储和静态网站托管,使用腾讯云SCF作为Hexo的运行环境。...通过SCF上内置的COS触发器,实现了COS上markdown源文件一旦修改,则自动通过SCF上的Hexo将页面渲染为静态页面并部署到COS的指定目录下,同时刷新CDN。...本项目主要有以下几个功能: 渲染Markdown文件为静态页面 将渲染的静态页面部署到COS的指定目录下 刷新CDN缓存 本项目的初衷是由于公司业务需要,加入平台的商户可以在管理后台发广告、公告、文章等等...关于访问缓存 由于外部域名https://xxx.com开启了CDN加速,所以存在一定的缓存时间(默认设置为30天),这会导致即使系统渲染完source文件并上传不部署到COS中,在CDN缓存未过期前用户也无法查看最新的已更改的网页内容...为此,系统在deploy页面完成后,触发SCF调用接口刷新CDN缓存,但即使这样CDN缓存刷新时间也存在大概5min延时。

1.5K132

Hexo自动生成及部署系统

,使用腾讯云SCF作为Hexo的运行环境。...通过SCF上内置的COS触发器,实现了COS上markdown源文件一旦修改,则自动通过SCF上的Hexo将页面渲染为静态页面并部署到COS的指定目录下,同时刷新CDN。...本项目主要有以下几个功能: 渲染Markdown文件为静态页面 将渲染的静态页面部署到COS的指定目录下 刷新CDN缓存 本项目的初衷是由于公司业务需要,加入平台的商户可以在管理后台发广告、公告、文章等等...关于访问缓存 由于外部域名https://xxx.com开启了CDN加速,所以存在一定的缓存时间(默认设置为30天),这会导致即使系统渲染完source文件并上传不部署到COS中,在CDN缓存未过期前用户也无法查看最新的已更改的网页内容...为此,系统在deploy页面完成后,触发SCF调用接口刷新CDN缓存,但即使这样CDN缓存刷新时间也存在大概5min延时。

8.6K1915

认识高性能Web缓存体系,你需要知道这些

我发现你的IP地址和我IP地址不对称,我给你返回一个CDN,重新下载等等。还有内容文件怎么分发,怎么回源,还有内容存储,这也是CDN重点的地方。...我单独截取了几个Nginx反向代理缓存的,这个目录就可以通过挂载tmpfs来做,就不用写硬盘了。当然还有缓存刷新,一般CDN会提供缓存刷新芯片,你可以批量的把你过期的资源全部刷新一遍,这是一种方式。...其实还有一个小细节,你会发现我们再打开京东页面,这些静态资源和主站,是在不同顶级域名下,大家知道为什么在不同的顶级域名下面吗?...这不是偶然,就是要这样设计,这就涉及到cookie,静态资源需要cookie吗?当然不需要,但是你知道浏览器默认情况下会干什么。...然后在大图片集群下用什么技术,在小图片集群下用什么技术,都可以把它分开,这是页面静态化的案例。 页面静态怎么生成呢?

1.4K70

淘宝是如何缩短首屏时间、降低服务器压力的?边缘计算告诉你答案!

CDN 资源浪费严重 更新成本大:内容会被达人修改,或者一些打擦边球的内容需要尽快下线 按需渲染结果静态化 既然数据绝大部分是静态化的,为什么不能把用户访问时静态数据和代码渲染后的结果进行静态化,这样不是省去了...CDN 上就好了,因为 CDN 节点比较多,并且在世界范围部署广泛,所以我们尝试着将 SSR 渲染的结果存储在 CDN 上,但是随之带来另外一些问题: SSR 服务器出错了怎么办,现在 CDN 是一种配置生效系统...具体的降级和缓存清除的逻辑没有画出来,因为那是解决安全生产的问题,我主要想强调方案调整带来的性能提升。...那样这样有什么好处呢,这就意味着我们可以将像内容详情这种数据或者渲染的结果直接存储在 CDN 上,并且不用担心存储内容太多影响性能,这就像一群人公用一部手机,你看完传递给下一个人刷新看相同的内容。...这里说一下,其实在数据侧有很多静态化策略已经被用的游刃有余,例如借助于 CDN、Tair、OSS,如果我们能够让静态化的过程变得更加简单和通用,例如将数据或者页面渲染结果直接存储在 CDN,下次请求就可以直接复用渲染结果

1.5K20

为了搞清楚CDN的原理,我头都秃了...

image.png 解决完问题后,我有了以下疑惑: 请求头和响应头中key的大小写真的有影响么,到底是怎么处理header中的key和value; 运营人员修改配置后,为什么我们访问的节点没有刷新到,什么情况下节点的缓存刷新...; cdn可提供下载加速服务,那它是怎么实现加速的?...什么资源可以被加速 在HTTP请求的资源,请求可以分为静态请求和动态请求。 静态请求 静态请求是指在不同请求中访问到的数据都相同的静态文件。...CDN缓存策略 静态内容可以在CDN缓存多久,这个是根据CDN缓存策略的。...用户通过亚马逊云/阿里云/腾讯云控制台按照文件类型和目录设置缓存时间,针对静态资源配置指定目录和文件后缀名的缓存过期时间和优先级,资源过期后,自动从CDN节点删除。

3.4K51

从 0 到 1 的项目管理系统:脚手架篇 - H5 基础脚手架

链接,这样在生产环境中,同域名下面的项目,可以复用资源。...通过缓存解决加载 js 对于长期不会改变的静态资源,可以直接将资源缓存在本地,下次项目打开的时候可以直接从本地加载资源,提高二次开启效率。...弱网环境下的缓存加载 ? ?...对比上图,可以明显看出,在网络环境波动的情况下,有缓存加持的网页二次开启的速度会明显提效,当然在性能上,由于需要判断第三方静态资源版本以及从本地读取资源,会消耗部分时间,可以针对业务自行取舍 优劣势对比...其实强缓存所有共用静态 cdn 资源也是 ok 的,干嘛那么费劲呢 上述的插件有没有同学想要用的,需要的留言,我放到 github 上去 ?

70020

腾讯云cdn对wordpress博客加速解决腾讯云564错误

比较消耗资源(当初在万网的虚拟主机启用这个插件,就因为负载太大暂停了我的服务),但是效果还是很明显,推荐安装。 我的配置如下:(启用了Nginx的专家模式,需要配置伪静态) 不要为已知用户缓存。...(推荐) 当有新文章或页面的发布或更新时清除之前的缓存文件。 首页额外检查。 (极少数情况下会停止对首页的缓存) (推荐) 当某页面有新评论时,只刷新该页面的缓存。...2.wordpress动静分离 – 单独加速静态资源 从本部分开始,建立在域名已经备案的基础上。如果您的主站无法备案,可以单独准备一个备案的网站用于静态资源加速,可以显著提高主站打开速度。...腾讯云CDN配置如下(仅适用于静态资源加速CDN站点): 缓存内容all,时间100天 开启防盗链配置(详细配置参考第三部分) 过滤参数/视频拖拽 IP访问限制频率(详细说明参考第三部分) 4)设置WP...或者,请干脆对主站不开启防盗链,仅仅对静态资源站开启防盗链。 2.IP访问限频配置 注意:这个限制只是单个CDN节点的限制,并不是CDN的总限制。

19.1K90

简单几步,利用Serverless,让COS中文件变更自动刷新CDN

背景 这几天遇到这样的一个场景,相信也是大多数的站长会遇到的一个问题: 自己的一个个人站点使用了COS作为前端静态资源的存储(JS、CSS、图片等等),同时开启了CDN作为资源的加速分发,为了最大的达到加速效果...,把这些资源缓存时间设置30天及以上。...最后想起是命中了CDN缓存,因此需要到 CDN控制台 进行URL刷新。...要实现自动刷新CDN,则需要用到CDN刷新URL的API 。 API上传 如果你是在代码里去上传静态资源的,那么你是能够知道文件上传的时刻的,在文件传完后去调用CDN的API则完成工作。..._1ccfkdc6jp0uif0o1pmhti79.png] 起个名字叫 cdn_refresh, 环境的话,我选择 Nodejs(这里推荐大家选 Nodejs 就行,因为我的这段demo是用的node

10.1K4617
领券