在构建 Web 站点的过程 中，任何一个细节都有可能影响网站的访问速度。 如 果开发人员不了解前端性能相 关知识，很多不利网站访问速度的因素会在线上形成累加，从而严重影响网站的性能，导致网站访问速度变慢、用户体验低下，最终导致用户流失。 页面性能对网页而言，可谓举足轻重。 因此，对页面的性能进行检测分析，是开发者不可忽视的课题。 那么我们如何对页面进行监控分析及性能评判？ 对性能评判的规则又是什么样的呢？ 从技术方面来讲，前端性能监控主 要分为两种方式，一种叫做合成监控(Synthetic Monitoring，SYN)，另一种是真实用户监控(Real User Monitoring，RUM)。本文首发于政采云前端团队博客：自动化 Web 性能优化分析方案
https://www.zoo.team/article/performance-detection
- 合成监控，就是在一个模拟场景里，去提交一个需要做性能检测的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个性能报告。
- 真实用户监控，就是用户在我们的页面上浏览，浏览过程就会产生各种各样的性能数据，我们把这些性能数据上传到我们的日志服务器上，进行数据的提取清洗加工，最后在我们的监控平台上进行展示的一个过程。
百策，取名自历史人物魏征。魏征，字玄成。唐太宗李世民的谏臣，因敢于直谏，被称为诤臣。因多次指出唐太宗李世民的过错并能提出有效政策，因为被称为 “魏百策”。
如何采集页面性能数据
百策系统采用了上文提到的 “合成监控” 的方案，得到了一组与宿主环境无关的性能数据。说到合成监控方案，当属 Google Chrome 团队出品的开源自动化分析工具 Lighthouse。
Lighthouse 的工作流程有几个主要的步骤。部分步骤发生在浏览器中，其余的步骤由 Lighthouse 运行器执行。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/66067.html