webpack--CDN原理

CDN这个技术其实说起来并不复杂，最初的核心理念，就是将内容缓存在终端用户附近。

具体来说，CDN就是采用更多的缓存服务器（CDN边缘节点），布放在用户访问相对集中的地区或网络中。当用户访问网站时，利用全局负载技术，将用户的访问指向距离最近的缓存服务器上，由缓存服务器响应用户请求。

确切地说，CDN=更智能的镜像+缓存+流量导流。

而且还需要注意的是，CDN并不是只能缓存视频内容，它还可以对网站的静态资源（例如各类型图片、html、css、js等）进行分发，对移动应用APP的静态内容（例如安装包apk文件、APP内的图片视频等）进行分发。

具体步骤：

①、当用户点击APP上的内容，APP会根据URL地址去本地DNS（域名解析系统）寻求IP地址解析。

②、本地DNS系统会将域名的解析权交给CDN专用DNS服务器。

③、CDN专用DNS服务器，将CDN的全局负载均衡设备IP地址返回用户。

④、用户向CDN的负载均衡设备发起内容URL访问请求。

⑤、CDN负载均衡设备根据用户IP地址，以及用户请求的内容URL，选择一台用户所属区域的缓存服务器。

⑥、负载均衡设备告诉用户这台缓存服务器的IP地址，让用户向所选择的缓存服务器发起请求。

⑦、用户向缓存服务器发起请求，缓存服务器响应用户请求，将用户所需内容传送到用户终端。

⑧、如果这台缓存服务器上并没有用户想要的内容，那么这台缓存服务器就要网站的源服务器请求内容。

⑨、源服务器返回内容给缓存服务器，缓存服务器发给用户，并根据用户自定义的缓存策略，判断要不要把内容缓存到缓存服务器上。

CDN的好处：

采用CDN技术，最大的好处，就是加速了网站的访问——用户与内容之间的物理距离缩短，用户的等待时间也得以缩短。

而且，分发至不同线路的缓存服务器，也让跨运营商之间的访问得以加速。

webpack--CDN原理相关推荐

浅析webpack的原理
一.前言现在随着前端开发的复杂度和规模越来越大,鹰不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的.如果摒弃这些开发 ...
Webpack模块化原理简析
webpack模块化原理简析 1.webpack的核心原理一切皆模块:在webpack中,css,html.js,静态资源文件等都可以视作模块:便于管理,利于重复利用: 按需加载:进行代码分割,实现 ...
webpack打包原理_webpack打包原理入门探究（四）插件探究（上）
子由风:webpack打包原理入门探究(一)zhuanlan.zhihu.com 子由风:webpack打包原理入门探究(二)基本配置zhuanlan.zhihu.com 子由风:webpack打 ...
babel原理_手写webpack核心原理，再也不怕面试官问我webpack原理
手写webpack核心原理一.核心打包原理 1.1 打包的主要流程如下 1.2 具体细节二.基本准备工作三.获取模块内容四.分析模块五.收集依赖六.ES6转成ES5(AST) 七.递归获取 ...
webpack模块化原理-ES module
上一篇文章介绍了webpack对commonjs模块的支持(如果你还没读过,建议你先阅读),这篇文章来探究一下,webpack是如何支持es模块的. 准备我们依然写两个文件,m.js文件用es模块的 ...
【CDN】CDN 原理和使用
目录一.CDN 是什么二.CDN 由来三.CDN 原理 3.1 概念 3.2 一般的 web 请求过程 3.3 CDN 加速的 WEB 请求过程 3.4 二者区别四.CDN 分类 4.1 网页 ...
HTTP/HTTPS及CDN 原理
HTTP 是一个无状态的协议.无状态是指客户机(Web 浏览器)和服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后服务器返回响应(response),连接就被关闭了,在服务 ...
CDN原理与应用简要介绍
CDN原理与应用简要介绍 CDN的全称是Content Delivery Network(内容分发网络或内容交付网络).CDN是构建在现有网络基础之上的智能虚拟网络,CDN依靠部署在各地的边缘服务器, ...
浅谈webpack打包原理
模块化机制 webpack并不强制你使用某种模块化方案,而是通过兼容所有模块化方案让你无痛接入项目.有了webpack,你可以随意选择你喜欢的模块化方案,至于怎么处理模块之间的依赖关系及如何按需打包, ...
cdn节点人少延迟高_让你刷剧一直爽，CDN原理是什么
鼠年春节,一个特别的春节.受疫情影响,假期比往年长了一些.这么长时间宅在家中,想必大家除了睡觉,花费时间最多的就是"刷剧"了.今天讲的技术主题就和"刷剧"有关, ...

webpack--CDN原理

webpack--CDN原理相关推荐

最新文章

热门文章