关于npm安装和cdn的疑惑

Question

如果我项目用了elementui和vantui两个ui库，是通过npm安装并通过webpack按需加载的。
如果我现在改用cdn，则是引入了整个ui库，就不再是按需加载了。
地址域名只有一个额，cdn是直接把自己域名加上的，所以不存在静态资源服务器，也不存在多域名。
在这种情况下，这样做是优化了网站加载还是反而没有优化呢？？？

Answer 1

Mr_Max 2020-08-19 21:04:02

同学你好！

如果你的UI库是全局使用，即使按需加载，在首页访问时就会加载了。
使用CDN可以达到很好的网络加载提升，但是CDN的实际性能还是要以测试数据为准。通常CDN效果明显。

• 提问者 Boy越越 #1

  老师好，就是想问下您回答的第一点，如果我是通过npm安装，webpack打包按需加载的ui库，放cdn后效果好还是不放按需加载好？？

• Mr_Max 回复 提问者 Boy越越 #2

  第一点是这样，咱们只针对当前使用这个ui库的应用来说，如果这个应用完全依赖这个ui库，你把它单独做成一个bundle按需要加载其实意义不大的，因为你从首页开始就要去加载这个ui库。通常把业务代码和第三方库分开就可以，单独按需加载的库往往是一些『某些页面才会用到的库』。

• Mr_Max 回复 提问者 Boy越越 #3

  你的cdn不只是对静态资源的，所以是整体的网络加载的优化，关联到你另一个问题，现在的工程结构，cdn带来的提升会更明显。