浅谈vue项目可以从哪些方面进行优化-创新互联

图片优化

我们提供的服务有：成都做网站、成都网站建设、微信公众号开发、网站优化、网站认证、定安ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的定安网站制作公司

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

1. 在线生成，如智图、又拍云
2. gulp生成，gulp-webp或gulp-imageisux
3. canvas生成

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

1. 在线生成：sprites Generator、腾讯的gopng、spriteme
2. 代码生成：gulp.spritesmith或者sass的compass

页面性能优化

图片或组件懒加载

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

vue-lazyload地址： https://www.npmjs.com/package/vue-lazyload

图片懒加载：v-lazy或使用v-lazy-container包含一个图片组

// 引入一张图片 
 
// 引入一组图片

 
 
  

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：浅谈vue项目可以从哪些方面进行优化-创新互联
标题网址：http://csruizhi.cn/article/dieopc.html