• 2020VUE常考-性能优化


    1、你都做过哪些Vue的性能优化?( 统计后的结果 )

    1)编码阶段

    • 尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcher;

    • 如果需要使用v-for给每项元素绑定事件时使用事件代理;

    • SPA 页面采用keep-alive缓存组件;

    • 在更多的情况下,使用v-if替代v-show;

    • key保证唯一;

    • 使用路由懒加载、异步组件;

    • 防抖、节流;

    • 第三方模块按需导入;

    • 长列表滚动到可视区域动态加载;

    • 图片懒加载;

    2)用户体验:

    • 骨架屏;

    • PWA;

    • 还可以使用缓存(客户端缓存、服务端缓存)优化、服务端开启gzip压缩等。

    3)SEO优化

    • 预渲染;

    • 服务端渲染SSR;

    4)打包优化

    • 压缩代码;

    • Tree Shaking/Scope Hoisting;

    • 使用cdn加载第三方模块;

    • 多线程打包happypack;

    • splitChunks抽离公共文件;

    • sourceMap优化;

    说明:优化是个大工程,会涉及很多方面  

     来自VUE中文社区公众号 https://mp.weixin.qq.com/s/60HI-CM1GhqDG5zeTFSOrw

    小凤凰newObject
  • 相关阅读:
    虚拟主机的陷阱
    http://www.xmenglish.com/(外贸知识网站)
    Highlight Table Row
    让你从电脑维修新手到高手
    Flash 视频教程
    ASP Comparison Operators Logical Operators
    Linux 虚拟机 NAT方式上网设置
    vim技巧
    25 条 SSH 命令和技巧
    linux下添加路由的方法
  • 原文地址:https://www.cnblogs.com/xiaofenghuang/p/13984761.html
Copyright © 2020-2023  润新知