本文介绍了前端性能优化中使用CDN的好处，如减少JS包体积和提高加载速度，以及可能的缺点，如请求增多。文章详细阐述了如何选择需要通过CDN加载的资源，推荐使用BootCDN，并提供了修改index.html和webpack配置的步骤。同时，作者还讨论了预获取技术，如preload和prefetch的使用，并指出在实际应用中要注意的细节。
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
最低0.47元/天 解锁文章
398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
