Tree-shaking是一种对项目进行性能优化的手段，其本质是像把枯萎的叶子从树上摇下来一样，将项目中没有用的代码段抖掉以减小最后生成的文件的体积，从而优化加载，提高用户体验。 近年来，得益于Webpack, Rollup等自动化构建工具的广泛使用，对于JavaScript代…

对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。所以这篇文章中对…

vue路由懒加载及组件懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载 异步组件实现懒加载 ESimport

平常当中经常这么写，只不过你可能不知道这就是路由懒加载。官网，官网上提到这是由于异步组件和weback的代码分割code-splitting功能，每个异步路由会打包成不同的块，实现按需加载。除了上面的ES2015模块的写法，它还有 然后去看了下vue-cli的具体配置，路由已经…

曾经有一段优美的代码放在我面前，我没有珍惜。直到现在每天面对代码屎山手足无措时，才追悔莫及！尘世间最大的痛苦莫过于此，如果上天给我再来一次的机会，我一定对这段代码说三个字 —— 六，六，六！！！

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标