图片优化
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插件使用
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
最新文章
热门文章
猜你喜欢
