![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
优化
对的时间对的人
这个作者很懒,什么都没留下…
展开
-
Vue项目进行的优化
Vue项目进行的优化 代码层面优化: v-if和v-show区分使用场景 computed和watch区分场景 v-for遍历必须为item添加key,且避免同时使用v-if 长列表的性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入 优化无序列表的性能 服务端渲染SSR or与渲染 webpack层面的优化 webpack对图片进行压缩 减少Es6转为Es5的冗余代码 提取公共代码 模板预编译 提取组件的css 优化SourceMap 构建结果输出分析 Vue项目的编译优化 基原创 2020-09-24 21:25:02 · 150 阅读 · 0 评论 -
对优化的了解
对优化的了解 客户端方面: 压缩代码(js/css),压缩图片 合并一些小图片 打包的代码尽可能切割成多个chunk,减少单一,chunk过大 静态文件采用cdn引入 HTTP的缓存头使用的合理 减少第三方库的依赖 对于代码应该考虑性能来编写 渐进升级,引入preload这些预加载资源 从服务端着手 带宽,域名解析,多域名解析 页面做服务端渲染,减少对浏览器的依赖 渐进升级,比如引入HTTP2(多路复用) ...原创 2020-09-18 21:04:53 · 95 阅读 · 0 评论