提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢？反正，性能优化在我看来他永远是前端领域的热度之王。 而本渣最近维护的项目恰巧在这个方向下了很大功夫，一些经验之谈奉上，希望对大家有些许帮助！ 性

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

前言 在日常开发中，最容易让人注意的就是项目编译打包的时间，特别是在较频繁打包部署时，这个时间显得很漫长。 例如：之前接手的一个项目 "冷启动" 时编译过程花费了约 86 秒： 这能忍吗？显然不能，于

前端项目性能优化，主要从首屏加载时间和构建包的大小两个角度触发，以基础的Vue Cli3的项目为例：优化前首屏加载从30s+到2.5s，构建的包从28M到1M……

最近接触了不少面试题目，有这么一类常见的题目，没有标准答案，上下限差距很大，第一次碰到没有准备的话，回答起来总会比较纠结。 比如性能优化，提升代码质量，埋点系统等等

前言 关于这个前端性能优化这个话题，我们不能为了优化而优化。按照一个流程： 为什么要做前端性能优化，它具体指代什么？ 怎么去评估一个网站的前端性能？ 性能优化分哪几个方向，具体有哪些点呢？ 为什么/是

就我的个人感受分享一下关于我对提升代码质量的看法和做法，主要是从方法和推荐使用角度入手，分析如何才能让我们的代码看起来更优雅，运行起来性能更优秀，近 2 万字的篇幅，建议收藏起来慢慢看。

我列举了我在项目实际有用到的22个Vue优化技巧。代码绝不止能跑就行、相信你看了能写出更加 妙啊 的代码，但是废话只说一句：码字不易求个👍，🙇‍🙇‍🙇‍。

你知道你的项目的首次加载时间需要多久吗？你有给自己的项目做过性能优化吗？据统计53%的用户不会等待超过3秒就会关闭掉网页，所以对于项目的性能优化尤为的重要。闲话少说，今天我们来详细了解如何优化