开发者社区> 问答> 正文

vue性能的优化的方法有哪些?

vue性能的优化的方法有哪些?

展开
收起
游客7iokfgo4yexey 2020-05-23 14:36:58 1296 0
1 条回答
写回答
取消 提交回答
  • Vue 代码层面的优化; v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入

    webpack 配置层面的优化; Webpack 对图片进行压缩 减少 ES6 转为 ES5 的冗余代码 提取公共代码 模板预编译 提取组件的 CSS 优化 SourceMap 构建结果输出分析 Vue 项目的编译优化

    基础的 Web 技术层面的优化: 开启 gzip 压缩 浏览器缓存 CDN 的使用 使用 Chrome Performance 查找性能瓶颈 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/354

    2020-05-24 22:36:10
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载