1、路由懒加载 ( https://my.oschina.net/bing309/blog/3132685 )
减少静态资源体积,减少首屏渲染时间
2、使用gzip打包( https://my.oschina.net/bing309/blog/3223237 )
将项目打包成.gz包 减少静态资源体积
3、使用图片懒加载
图片加载是异步的,需要使用提交较小的占位图片 等待图片加载完成
4、功能模块化
抽离公共代码 提高复用率 较少代码体积和提升可维护性
5、合理使用浏览器缓存( https://my.oschina.net/bing309/blog/3223266 )
6、减少http请求
7、将外链的js文件 放在dom最底部
8、 将 CSS放在 HEAD中
9、vue中 如果有相同的数据 使用vuex共享数据 可减少请求
10、减少不必要的dom操作(可能会引起浏览器的 Reflow和Repaint )
11、配置webpack 将小图片打包成base64格式
不断学习 不断补充
来源:oschina
链接:https://my.oschina.net/bing309/blog/3223271