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

来源:11-1 课程总结

慕码人1170125

2019-07-20

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

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

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

写回答

1回答

Sam

2019-07-21

好的,这个是肯定要优化的,有以下几个优化点:

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

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

0
4
Sam
回复
慕码人1170125
好的,这个我会考虑怎么呈现
2019-07-23
共4条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程