最新要闻
- 研讨会|元宇宙、人类世与奇点哲学|环球最资讯
- 唐三有变态父女情也就算了,别又整个变态兄妹情,靳淼森很危险啊
- 2023年可燃冰公司上市龙头出炉(6月25日)|天天热讯
- GLOBALink | China's financial market attracts global investors: Bloomberg expert
- 道生天合冲刺A股主板:专注高性能热固性树脂材料领域,经纬、君联为股东-快报
- 大众集团宣布新的发展战略:旗下所有品牌推出绩效管理方案 环球快资讯
- 上海公积金怎么销户提取全部余额的钱?2023上海公积金销户提取说明_精选
- 大理药业:醒脑静注射液拟中选集采
- 瞭望|产教融合培养更高质量人才 世界观速讯
- 头条:国家疾控局等11部门发布方案 加快实现消除血吸虫病
- 老乡帮老乡|朔州公开招聘,面试成绩、总成绩揭晓!
- 北京俩女孩和民警教科书式协作,地铁站拿下一个惯偷|天天观热点
- 超级智能住宅原文阅读_超级智能住宅原版全文
- 【环球播资讯】内蒙古一地发生一起重大刑事案件,协查通报:嫌疑人潜逃,可能携带凶器
- 天天热门:以温度回报温暖,一座城与小哥的双向奔赴
- 焦点精选!“摁住毒贩的手才发现他捏着刀” 缉毒民警讲述自己的生死时刻
手机
全球观速讯丨江苏银行:江苏投管公司通过可转债转股方式增持本行股份逾1亿股
缅怀!邓稼先诞辰99周年
- 全球观速讯丨江苏银行:江苏投管公司通过可转债转股方式增持本行股份逾1亿股
- 缅怀!邓稼先诞辰99周年
- 极兔速递被强制执行1014万 极兔因新增资本认购纠纷被强执_环球信息
- 构建“景区+村庄”联合机制 一方山水绘就增收致富新画卷
- 灵活就业人员参保社保缴费标准2023年,按最低档次缴费增加多少
- 焦点消息!一分一段!安徽2023年高考成绩排名公布,695分以上考生31人
家电
世界即时:如此多的 JavaScript 框架,哪个最快?
大家好,我是 CUGGZ,祝大家端午节快乐~
JavaScript 框架数量众多,那究竟哪个框架速度更快呢?今天就来分享一个开源的 JavaScript 框架性能基准工具:js-framework-benchmark,它通过测量各种常见操作的执行时间、内存占用等来对比不同框架的性能。下面就来看看这个工具是怎么使用的吧!
【资料图】
浏览器版本进入官方测试结果的首页,可以看到不同浏览器版本的测试结果链接,从 Chrome 55 版本到最新的 114 版本,该页面会随着浏览器版本的更新而更新(更新有延迟)。
这里我们选择最新的版本进行查看:
这个页面最上方会有一些筛选项,包括框架种类、基准种类、展示模式。
框架种类这里将 JavaScript 框架分为两类:
基于 key 的实现:通过分配 key 来创建数据和 DOM 元素之间的关联。如果数据发生变化,具有该 key 的 DOM 元素将更新。因此,在数据数组中插入或删除元素会导致相应地更改 DOM。非基于 key 的实现:允许重用现有的 DOM 元素。因此,在数据数组中插入或删除元素可能会在最后一个表行后追加,或者删除该行,并更新插入或删除索引后的所有元素的内容。这样做可能性能更好,但是如果 DOM 状态在外部被修改可能会导致问题。下面是 js-framework-benchmark 支持的 JavaScript 框架:
这里提供了全选和全不选按钮,并支持选择任意框架,选择完之后就可以查看结果了:
基准种类性能测试基准分为三类:
持续时间启动指标内存分配当选择完框架之后,就会展示三个表格,分别对应这三类指标。
可以看到,在所有的指标中, solid.js 的平均值都是最低的,性能最好。在最常用的三大前端框架(Vue、React、Angular)中,Vue 的性能最好,React 的性能最差。
(1)持续时间create rows:创建行,页面加载后创建 1000 行的持续时间(无预热)replace all rows:替换所有行,替换表中所有 1000 行所需的时间(5 次预热循环)。该指标最大的价值就是了解当页面上的大部分内容发生变化时库的执行方式。partial update:部分更新,对于具有 10000 行的表,每 10 行更新一次文本(进行 5 次预热循环)。该指标是动画性能和深层嵌套数据结构开销等方面的最佳指标。select row:选择行,在单击行时高亮显示该行所需的时间(进行 5 次预热循环)。swap rows:交换行,在包含 1000 行的表中交换 2 行的时间(进行 5 次预热迭代)。remove row:删除行,在包含 1,000 行的表格上移除一行所需的时间(有 5 次预热迭代),该指标可能变化最少,因为它比库的任何开销更多地测试浏览器布局变化(因为所有行向上移动)。create many rows:创建多行,创建 10000 行所需的时间(没有预热),该指标更容易受到内存开销的影响,并且对于效率较低的库来说,扩展性会更差。append rows to large table:追加行到大型表格,在包含 10000 行的表格上添加 1000 行所需的时间(没有预热)。clear rows:清空行,清空包含 10000 行的表格所需的时间(没有预热),该指标说明了库清理代码的成本,内存使用对这个指标的影响很大,因为浏览器需要更多的 GC。(2)内存分配ready memory:页面加载后的内存使用量。页面上只有几个按钮,因此这个内存数字较低,大多数库在这里表现相似。run memory:添加1000行后的内存使用情况。Update every 10th row:与性能测试 3 相同,但这次我们看到了执行部分更新的内存开销。大多数情况下,这是新字符串值的分配,但第一次看到库动态比较机制的内存开销。Replace Rows:这将 1000 行替换 5 次。这是检测内存泄漏的一个很好的测试。Create/Clear Rows:创建然后清除 1000 行。(3)启动指标Consistently Interactive:持续交互,一个悲观的TTI,等待CPU空闲50ms。除非库很大,否则这里的分数分布不会那么大,而且主要随着包大小而扩展,但似乎没有受到影响的 WASM 库除外(Blazor 除外)。Total Kilobyte Weight:总 KB 大小,这衡量了所有资源的总大小,包括用户代码、HTML 和 CSS。这很有用,因为它显示了实际构建大小与包大小之间的差别。其他框架该工具除了支持对 JavaScript 框架进行性能基准测试之外,还支持对 Rust 实现的 WebAssembly 库和框架进行测试,如 wasm-bindgen、stdweb、yew、seed 等。
小结js-framework-benchmark 的测试结果是相对准确的,因为它是针对同样的测试样本和基准测试情境进行比较,可以提供框架之间的相对性能比较。然而,需要注意的是,这个测试结果也只是反映了测试条件下的性能表现。框架实际的性能可能还会受到很多方面的影响。
此外,js-framework-benchmark 测试结果也不应该成为选择框架的唯一指标。在选择框架时,还需要考虑框架的生态、开发效率、易用性等多方面因素,而不仅仅是性能表现。
Github:https://github.com/krausest/js-framework-benchmark
关键词:
世界即时:如此多的 JavaScript 框架,哪个最快?
中国农业发展银行总行专家委员会副主任委员赵富洲被查 天天快讯
天天讯息:建发收购红星美凯龙29.95%股份已完成过户
环球视讯!阴阳师归鹿之途活动怎么玩-归鹿之途活动介绍
传奇手游哪个版本好玩 上线5000级的传奇手游版本推荐_环球聚看点
你关心的都在这!2023年高考志愿填报十问十答来了
每日看点!16家游泳场所水质抽检不合格
陕西榆林横山区:发展重点帮扶产业 全面推进乡村振兴-每日速递
全球新资讯:【优化营商环境】辰溪:护航畜牧企业发展
研讨会|元宇宙、人类世与奇点哲学|环球最资讯
昔日“步行街之王” 如今为何频频卖房自救?
全球观速讯丨江苏银行:江苏投管公司通过可转债转股方式增持本行股份逾1亿股
蚂蚁庄园6月26日:一般情况下空调能效比的数值越大
天天热议:猪颤抖是什么原因?
高能环境:联合中标4.86亿元环境修复项目
焦点消息!000792盐湖股票 000792盐湖股票同花顺
世界视讯!哄多音字组词_杆多音字组词
河南博爱:品味浓情端午 传统文化共传承|世界观焦点
教育部发布2023年高考志愿填报十问十答
环球播报:标题: "AI驱动需求稳步增长,HBM行业看好中微、雅克科技与拓荆科技等龙头股的投资潜力
缅怀!邓稼先诞辰99周年
秦刚会见俄罗斯副外长鲁登科 天天快播
环球观速讯丨高开低走的穿越番
极兔速递被强制执行1014万 极兔因新增资本认购纠纷被强执_环球信息
文旅部:端午假期国内旅游出游1.06亿人次 国内旅游收入达373.1亿元_世界视点
天天热议:官方改装/合法备案 宝骏悦也推“卫士版”套件
唐三有变态父女情也就算了,别又整个变态兄妹情,靳淼森很危险啊
粤港海关开展跨境缉毒合作 查获各类毒品达561.3公斤
618空调市场报告:高开稳走,一骑绝尘 | 报告看点
环球新资讯:“京”彩活动带动端午假期消费升温 60个重点商圈客流增长近八成
环球今日讯!《白色城堡》祖闻达做了什么惊天决定?
福建端午假期接待游客621万人次
2023年可燃冰公司上市龙头出炉(6月25日)|天天热讯
世界速讯:民生证券:电新估值处于历史底部 关注新能源车、光伏等方向
GLOBALink | China's financial market attracts global investors: Bloomberg expert
今日播报!Hi nova11 手机配置曝光,支持 5G 网络和 66W 超级快充 Turbo
成都市纪委监委通报6起村(社区)干部违纪违法典型案例
国家电影局:2023端午档票房9.09亿元 影史第二!
道生天合冲刺A股主板:专注高性能热固性树脂材料领域,经纬、君联为股东-快报
世界新动态:海洋环境保护法修订草案如何加强陆源污染防治?法工委发言人回应
三星首款5K专业显示器上架:11499元-全球播资讯
水利部来邕调研金融支持水利优惠政策落实情况
禁止对单个终端大幅折扣!日本将全面禁止合约机折扣_全球微动态
甘肃省百名人社局局长直播带岗暖心行动第二季启动
【环球新视野】关于虎的成语四字成语 关于虎成语有哪些
为了救人,老中/西医都将管子插进病人的“菊花”
构建“景区+村庄”联合机制 一方山水绘就增收致富新画卷
灵活就业人员参保社保缴费标准2023年,按最低档次缴费增加多少
在套牌防御游戏 Heretic's Fork 中,成为负责地狱突破口的中层管理者
马力刺客|全新标杆! 奥迪RS e-tron GT轮上功率实测_观热点
篮网经理公开道歉哈登!球队准备开除顶薪交易他,76人已接受报价
大众集团宣布新的发展战略:旗下所有品牌推出绩效管理方案 环球快资讯
江西进贤县农民反映稻田疑被投毒:近30亩枯死,警方介入-热点聚焦
当前热点-青春期孩子“越管越反”?今晚!专家直播,教你做“智慧父母”!
2023北京职工医保门诊报销新规:职工医保门诊可以报销吗_天天微动态
端午节长三角人钱花在了哪儿:“五红”畅销 休闲游热
年轻人迷上二奢:与其花3000元买轻奢,不如加点买LV?|环球最资讯
上海公积金怎么销户提取全部余额的钱?2023上海公积金销户提取说明_精选
用液态内耗技术研究聚合物浓溶液的构象转变_关于用液态内耗技术研究聚合物浓溶液的构象转变介绍_全球快看
暗黑破环神4阿尔卡纳斯的阴影任务完成攻略分享 每日观察
火星有机分子分析仪 看看ExoMars火星车的小烤箱-全球今热点
焦点消息!一分一段!安徽2023年高考成绩排名公布,695分以上考生31人
环球快资讯丨感受传统魅力 游客乐享其中
股票夜市委托在第二天什么时候交易 规定如下
夏日到家乡(诗词七首) 实时
江苏公安机关公布打击整治网络谣言10起典型案例-今热点
怀远县:储备防汛应急物资 打好防汛应急“准备仗”|当前讯息
什么是內爆?泰坦号为何內爆?|世界最新
新资讯:久远银海(002777.SZ)副总经理江洪累计减持公司4900股
毕业季租房陷阱多 这份避“坑”锦囊快收好
大理药业:醒脑静注射液拟中选集采
周六福铂金多少钱一克(2023年06月25日)参考价格 天天播报
马皇后后期有多惨_杨宪为什么会给朱元璋杀死 当前关注
【世界速看料】今日金条回收价格多少钱一克(2023年06月25日)
蔚来获阿布扎比主权基金11亿美元投资|要闻速递
高管称“兜里都是钱,等本土企业烧死再抢市场” 起亚有机会收拾别人吗?
动力电池行业行至“下半场”
长三角铁路端午假期日均发送超300万人次,较2019年同期增逾两成|环球快报
暴雨袭来 居民连夜排积水 焦点精选
时讯:相关部门开展泉州港港口危险货物企业消防技能竞赛
奶妈出装辅助_奶妈出装
新明中国:继续延期披露2022年年报 世界新要闻
逆战新角色海瑟薇_逆战新角色_世界今日报
瞭望|产教融合培养更高质量人才 世界观速讯
国家邮政局:今年全国快递业务量已达600亿件|天天讯息
打造发展“新引擎”!宝山又一研发制造项目封顶
2023年青海省普通高校招生考试排序成绩一分一段统计表|世界简讯
头条:国家疾控局等11部门发布方案 加快实现消除血吸虫病
焦点信息:亮相!贵阳一座浪漫天桥新装上线!
史上“最火”端午节!假期广铁共计发送旅客1013.6万人次
长沙县北山镇:监督促整改 筑牢群众生命防线
高考成绩出“隐藏款”?老师沸腾欢呼!多地都出现过
老乡帮老乡|朔州公开招聘,面试成绩、总成绩揭晓!
高考成绩出“隐藏款”?老师沸腾欢呼!多地都出现过
北京俩女孩和民警教科书式协作,地铁站拿下一个惯偷|天天观热点
激发市场活力 南京为诚信企业减免投标保证金_今日报
央行:5月份债券市场共发行各类债券54561.6亿元
走出杨凌看示范 | “水科技”灌出黄土高原生态富民路
大熊猫“晓晓”“蕾蕾”生日会在东京成功举办|每日快播
碳酸锂期货将上市,千亿盐湖龙头计划择机开展期货套期保值业务