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是紧跟域名的。

相关推荐
南雨北斗2 小时前
VSCode三个TS扩展工具介绍
前端
若无_2 小时前
了解 .husky:前端项目中的 Git Hooks 工具
前端·git
ze_juejin2 小时前
前端发送语音方式总结
前端
给月亮点灯|2 小时前
Vue3基础知识-Hook实现逻辑复用、代码解耦
前端·javascript·vue.js
Simon_He2 小时前
一款适用于 Vue 的高性能流式 Markdown 渲染器,源自我们的 AI 聊天机器人
前端·vue.js·markdown
顽强d石头2 小时前
v-model与.aync的区别
前端·javascript·vue.js
Hilaku2 小时前
我为什么认为 CSS-in-JS 是一个失败的技术?
前端·css·前端框架
月下点灯2 小时前
✨项目上线后产品要求把应用字体改大点📏怎么办?一招教你快速解决🔧
前端·vite
xvmingjiang2 小时前
Vue 3 中监听多个数据变化的几种方法
前端·javascript·vue.js