CDN(what)
全称:Content Delivery Network或Content Ddistribute Network,即内容分发网络。
目的:加速网站的访问(why)
✫0.1 s: 用户几乎感觉不到系统是否不连贯性。
✫1.0 s: 用户明显注意到时延的发生,但是在该时间内思维依然是连贯的。
✫10 s: 超过该时间的时延会使用户失去等待意愿。
哪些情况推荐使用CDN?(when)
一般来说以资讯、内容等为主的网站,具有一定访问体量的网站
资讯网站、政府机构网站、行业平台网站、商城等以动态内容为主的网站
论坛、博客、交友、SNS、网络游戏、搜索/查询、金融等。提供http下载的网站
软件开发商、内容服务提供商、网络游戏运行商、源码下载等有大量流媒体点播应用的网站
拥有视频点播平台的电信运营商、内容服务提供商、体育频道、宽频频道、在线教育、视频博客等
常用的CDN网站?(how)
BootCDN 是 Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。
包含以下框架的cdn:
Bootstrap TailwindCSS React.js Vue.js Svelte.js jQuery Babel.js Lodash Node.js Grunt Gulp NPM Yarn webpack Rollup.js Parcel PostCSS Next.js Nuxt.js Docusaurus Gatsby.js Gridsome VuePress SASS Less.js PurgeCSS cssnano WebAssembly Redux.js Markdown MDX Fastify Rome Mirage goHugo
用法,在网页源文件中引入相关的资源,例如:
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>