1、为什么要用CDN加速服务
优点:
⑴、JS体积变小,使用CDN的第三方资源的JS代码,将不再打包到本地服务的JS包中。减小本地JS包体积,提高加载速度。
⑵、给网页加载提速
缺点:
⑴、请求变多
⑵、万一CDN资源路径有变动需要更改,建议自行搭建CDN库。
2、哪些需要使用CDN
在项目根目录下运行
npm run build --report
打包完成后,会打开一个页面,展示各个依赖包的大小,查看哪些第三方依赖包的体积大,就干掉它,从CDN上获取。
3、推荐BootCDN
https://www.bootcdn.cn/
4、确认包和版本
确认需要使用CDN加载的资源,在package-lock.json文件中,找到对应的版本号。
在BootCDN网站找到对应的资源路径。
注意:
找不到echarts-gl的CDN资源路径啊啊啊……
5、修改index.html文件
link添加在头部,script添加在尾部
<html>
<head>
<link href="https://cdn.bootcss.com/element-ui/2.4.4/theme-chalk/index.css" rel="sty