图片优化

1、图片大小优化，部分图片使用WebP（需要考虑webp兼容性）

2、减少图片请求，使用雪碧图

页面性能优化

图片或组件懒加载

使用vue-lazyload组件或其他一些组件

vue-lazyload地址： https://ponent配置.babelrc文件，这样即可引入部分组件，从而减少组件的大小。

路由懒加载

但使用到vue-router时，webpack会将所有组件打包在一个js文件中，这样就导致这个文件非常大，从而会影响首页的加载，最好的方法就是将其他路由分别打包到不同js文件中，切换路由时再加载对应js文件。

resolve => require([URL], resolve), 支持性好

() => system.import(URL) , webpack2官网上已经声明将逐渐废除, 不推荐使用

() => import(URL), webpack2官网推荐使用, 属于es7范畴, 需要配合babel的syntax-dynamic-import插件使用

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。