浅谈vue项目可以从哪些方面进行优化-创新互联
图片优化
我们提供的服务有:成都做网站、成都网站建设、微信公众号开发、网站优化、网站认证、定安ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的定安网站制作公司1、图片大小优化,部分图片使用WebP(需要考虑webp兼容性)
- 在线生成,如智图、又拍云
- gulp生成,gulp-webp或gulp-imageisux
- canvas生成
2、减少图片请求,使用雪碧图
- 在线生成:sprites Generator、腾讯的gopng、spriteme
- 代码生成: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项目可以从哪些方面进行优化-创新互联
本文URL:http://hbruida.cn/article/dieopc.html