老师 线上优化课程 没有录制啊

Question

项目上线后 缺失 关于JS 等优化的 课程 麻烦老师讲解下 优化

比如 app.js 那么大 现在带宽那么贵 流量大了 怎么优化 等干货

上线后 APP.JS 有好几个M 基本计算了下 带宽10M 并发 支撑不了多少用户 ,会卡飞，如果不做优化 实用性很差 ，除非有钱 无所谓带宽或流量

Answer 1

Sam 2019-07-21 23:55:54

好的，这个是肯定要优化的，有以下几个优化点：

1、我们在build的时候，是不会把所有的模块都打包到app.js中的，这个是通过Webpack插件实现的，具体细节我们可以先不关注，你可以npm run build试一下，可以发现每一个页面会打包成一个js文件，这个是第一步优化，就是模块的按需加载，如果你build时实现不了这一步，我们可以具体再交流

2、文件上CDN，这一步也非常关键，如果我们的资源文件不能发布到CDN上，那么访问速度一定是会很慢的，你可以访问下课程的网址：http://www.youbaobao.xyz/book，之所以会有比较快的加载速度，是因为课程的主要资源文件都托管在CDN上的，我们可以选用阿里云的CDN，只需要我们绑定域名，就可以自动将资源文件托管到CDN上（访问一次后，资源文件会自动上传CDN，如果文件在CDN上访问不到，即出现穿透现象时，会到你文件的实际目录下去找，这些复杂的功能CDN都帮我们实现了，我们基本不用关注）

通过以上优化，通常站点的访问性能就不会有太大问题了，另外，如果图片较多时，比如类似书城首页，可以使用图片懒加载来实现当前视口图片加载，非视口图片不加载，参考：https://www.npmjs.com/package/vue-lazyload

如果还有问题，欢迎追问哈

• 提问者 慕码人1170125 #1

  非常感谢老师提供的思路   我还没有去研究操作所以现在还不知道有什么困难和难点   如果老师能提供下具体操作步骤实例 那么就太棒了 能省去不少时间

• 提问者 慕码人1170125 #2

  对了老师  如果书很大 比如 几百M  那么这种下载优化又该怎么做  能否指点下思路

• Sam 回复 提问者 慕码人1170125 #3

  这个在课程第七章中已经指出了，直接解析opf文件，下载对应章节的数据即可解决这个问题，整本下载只适用于离线缓存，绝对不适合在线阅读，现在的电子书阅读器都是采用这种方案来解决的

点开查看后面1条评论