cdn是个啥?

what

我先写概念:cdn,英文是content dilivery network,翻译过来是 内容 分发 网络。

指的是:一组分布在各个地区的服务器。


服务器存着 数据的copy版本。

服务器可以根据哪些服务器与用户距离得近一点,就用哪个服务器的数据,从而达到快速服务。


why

快点,流量花费少点,得以性能提升。

how does it work

就近原则。放资源到不同的地,看看请求的地离哪个地近,就从就近的地拿资源。

cdn往往被用来存放静态资源:js、css、图片等不需要进行计算就可以得到的资源

呐,上面举例的这些说的就是静态资源,
动态资源是后端实时生成的资源,比如jsp、asp或者依赖服务端渲染的html页面。 非静态资源:需要服务器在页面之外 作 额外计算的 html页面。eg:打开url,还要权限认证再决定要不要把内容给我。那么它是静态的,但是它还有权限认证的操作业务,就不适合放到cnd上。

example

淘宝的网站,不是由cdn来的。
www.taobao.com

但淘宝的图片或者js或者css,有可能是cdn服务器那边过来的。
g.alicdn.com

为啥俩域名不一样:

cookie是紧跟域名的。

相关推荐
ObjectX前端实验室14 分钟前
【react18原理探究实践】render阶段【首次挂载】
前端·react.js
ObjectX前端实验室17 分钟前
【react18原理探究实践】组件的 props 和 state 究竟是如何确定和存储的?
前端·react.js
fxshy1 小时前
解决 Web 应用加载地图资源时的 HTTP 与 HTTPS 混合内容问题
前端·网络协议·http
一个很帅的帅哥1 小时前
Vue keep-alive
前端·javascript·vue.js·keep-alive
lbh1 小时前
Chrome DevTools 详解(一):Elements 面板
前端·javascript·浏览器
明里人1 小时前
React 状态库:Zustand 和 Jotai 怎么选?
前端·javascript·react.js
sniper_fandc1 小时前
Vue3双向数据绑定v-model
前端·vue
訾博ZiBo2 小时前
为什么我的 React 组件会无限循环?—— 一次由 `onClick` 引发的“惨案”分析
前端·react.js
my一阁3 小时前
一文解决Chrome使用
前端·chrome
IT_陈寒3 小时前
SpringBoot性能调优实战:5个让接口响应速度提升300%的关键配置
前端·人工智能·后端