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

今天上午10:00，我发布了业界第一款「性能统计分析框架」Hiper。 我们的常见方式是在Dev Tool中的performance和network中看数据，记录下几个关键的性能指标，然后刷新几次再看这些性能指标。 有时候我们发现，由于样本太少，受当前「网络」、「CPU」、「内…

横轴代表加载时间，纵轴代表用户数(其实还可以加上地区等指标的筛选,It's up to you!).只有这样我们才能避免坐井观天，看到我们的应用在所有用户中的加载情况。 我们知道，用GA可以采集很多信息，包括页面停留时间，DOM加载时间，以及页面加载时间等等，但是，评判一个网页…

前端基础性能监测是用于制定提升用户体验方案所依赖的重要流程。是现代前端业务中无法忽视的重要一环。 通过工具运行页面，进而采集性能指标，形成报告。 下载谷歌插件，然后使用时，直接点击插件或者在开发者工具中点击Audits进行性能报告生成。 使用命令行，安装node(版本5以上)，…

前两篇文章中，我们讲了安装和截图，这篇我们来讲讲页面性能分析的相关体系。 众所周知，页面性能优化要讲起来可谓是整大条链路上的事情，在这里笔者将不开展描述，后续笔者会出个全面的性能优化系列文章再进行讲解。回到我们的正题，我们是利用 puppeteer 对页面进行性能数据采集并分析…

推荐使用window.performance对象。 实质上来说performance对象就是专门用于性能监测的对象，内置了几乎所有常用前端需要的性能参数监控。 注意：performance对象的所有API，都是只读的。 performance的监控前端性能推出，让几乎所有浏览器…