前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一种简单的机器性能评估方法

一种简单的机器性能评估方法

原创
作者头像
被删
发布2024-08-12 10:16:18
2980
发布2024-08-12 10:16:18
举报
文章被收录于专栏:被删的前端游乐场

如果我们需要统计网页的性能数据的话,常常会受到不同的设备机器、网络环境等各种情况的影响,那么在复杂应用下,要怎么评估一些性能问题是网页内容导致的,还是用户机器性能导致的呢?

评估机器性能

对于一些复杂应用,比如代码编辑器、文本编辑器等,我们通过一些埋点拿到了大盘性能数据。如果我们需要定位一些有问题的页面内容(假设某些格式内容可能会存在性能问题),则还需要排除是机器的问题,才能拿到可多种角度参考的性能数据。

一般来说,我们在做数据上报的时候,会把一些常用数据进行上报,比如浏览器环境(navigator.userAgent信息),我们可以根据userAgent信息,简单区分用户的平台和终端信息。

除此之外,我们还可以使用简单的方法,来判断用户机器上的代码执行情况,比如写一段循环计算耗时:

代码语言:ts
复制
const start = Date.now();
for (let i = 0; i < 100000; i++) {
    // 超过 100ms 就很卡了,退出循环
    if (Date.now() - start > 100) break;
};
const timing = Date.now() - start;

页面启动时,可以在数据上报前运行这段测试性能数据代码,可见该耗时分布会出现在 0 到 100ms 内。

如果我们希望给机器进行评分,耗时越少的分数越高。假设评分分为 0 到 100 分,我们可以这么算:

代码语言:ts
复制
const score = 100 - parseInt(timing / 10);

这样我们可以算出 0 到 100 分的机器性能评估。

结束语

好久没有写这么短的内容了,不过这个评估机器性能的方法还挺有意思的,所以分享给大家仅供参考,好耶。

查看Github有更多内容噢: https://github.com/godbasin

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 评估机器性能
  • 结束语
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档