性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance，Audits可以对页面进行性能评分，同时，还会给我们提供一些优化建议。…

前端性能，这是一个很大也很有趣的一块，是每个前端工程师不可避免的问题，所以这个系列会慢慢地探讨一些关于性能方面的问题。最近也接触到一些性能方面的调试以及优化的工作，纸上得来终觉浅，绝知此事要躬行。 在 Chrome 中，我们打开 Chrome 调试面板，进入 performan…

最近，需要对业务上的一些性能做一些优化，比如降低首屏时间、减少核心按钮可操作时间等的一些操作；在这之前，需要建立的就是数据监控的准线，也就是说一开始的页面首屏数据是怎样的，优化之后的数据是怎样，需要有一个对比效果。此时，performance 这个API就非常合适了。 perf…

在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Go…

这一切的起因都是因为那只pm，整个一个奇奇怪怪的需求，然后发现需要写库了，就在我流利的初始化项目时，突然脑抽风的发现，library配置貌似不太对，libraryTarget配置貌似也不太对，所以还是停下来吧，好好分析回顾一下，阿西吧。 先来回顾一下，library是指定义一个…

1. tree shaking 构建后的js代码只包含被引用并被执行的模块，而不被引用或不被执行的模块会被删除，以起到减包的作用。 注意项：tree shaking只会检测 ES2015 模块语法（即 import 和 export）。更多细节 通过打包的数据我们可以看到在in…