用于显示网页性能指标的嵌入式脚本。
Justice.js ==================================================== Justice 会创建一个页面工具栏,显示页面计时指标和流式 FPS 计数器。还支持计时指标的预算。 ===== 预算结果根据预算进行着色: - 超出预算: 红色 - > 80% 的预算: 黄色 - 未超出预算: 绿色 FPS 计数器目前不支持预算,但会根据 60 FPS 的目标对样条曲线 (或可选的点类型) 图表进行着色。
"请求"指标还支持预算,并且与众不同的是,它会随时间不断轮询该指标的变化,因为如今大多数网页在加载页面后会异步加载大量内容。未来,我们可以将此指标分为"同步请求"和"异步请求",但目前还不能这样做。右下角的小按钮是一个简单的隐藏显示功能,支持本地存储持久化。
为什么 === 这个项目的目标是提供对网页性能的深入了解。我将其称为"高级性能发现工具"。我对该工具的愿景是让开发人员、支持团队成员以及任何感兴趣的人发现之前未知的性能问题。例如，像 Vox Media 这样的网络拥有许多数据、媒体和页面类型，这些类型可能会以许多不同的组合形式呈现。可以向经过身份验证的用户推送 Justice，让他们在浏览自己的网站和应用程序时更加了解性能。
一旦页面出现性能问题的迹象,接下来的步骤可能包括记录性能违规情况并深入调查其原因 - 使用更强大的工具,如 Chrome 开发工具或团队使用的任何深度性能调试工具。我正在考虑添加一个报告代理,以便更轻松地记录违规情况,这可能是一个可选的回调,提供给 Justice 初始化程序。然后,可以将违规数据集推送到某个任意端点。
暂无开放 Issues，或尚未同步最近议题。