写了一个有两下子的浏览器性能测试器:P

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 852 天前的主题，其中的信息可能已经有所发展或是发生改变。

昨天在群里看大家都在发 [有两下子] [有四下子] 的梗图表情包，写了一个用网页生成这种效果。

技术栈特别简单：

vue：用到了递归组件
css：用到了 css grid 的布局

没了

目前我看到大家玩这个，最多能到一万多的数据，还挺惊人的。大家也可以截图回复我什么设备什么浏览器能点到什么效果。

体验链接： http://project.wocai.de/youliangxiazi/

如果你觉的有点意思也欢迎到 github 点个 star： https://github.com/kokdemo/youliangxiazi/

CSS

下子

情包

浏览器

33 条回复 • 2022-07-08 16:35:34 +08:00

Rabbircantknow

2022-07-07 10:34:17 +08:00 via Android

还挺好玩的，在外面用手机玩了一下，到“有十六下子”之后就弹出个“再点下去你的浏览器可能受不了”。就没点了。
浏览器如果受不了了会发生什么吗，会死机吗？

kokdemo

2022-07-07 10:40:09 +08:00

@Rabbircantknow dom 太多了可能，浏览器可能会卡死，但不会影响到你的手机系统。

我看大部分人都能点到 256 ，你可以放心大胆的试。

之前那个点到 10000 的老哥用的 k40 + chrome 测出来的

TrevorPhillips

2022-07-07 10:46:09 +08:00 via Android

有趣，手机 kiwi 点到 64 下子就没反应了，不过切浏览器标签什么的操作正常，没卡死

kokdemo

2022-07-07 11:03:08 +08:00

@TrevorPhillips 现代浏览器都是多线程，只是这一个页面的线程卡死了，不影响其他页面的。

Constantping

2022-07-07 11:03:40 +08:00

@TrevorPhillips 我也是

i6941

2022-07-07 11:06:08 +08:00

不知道咋算的，M1 pro+ edge 点到 16 不让点了

kokdemo

2022-07-07 11:18:41 +08:00

@i6941 有弹窗，点击确认可以继续的

villivateur

2022-07-07 13:08:56 +08:00

我点到了 8192 ，不想再点了。
Firefox, Windows 10

Bingchunmoli

2022-07-07 13:30:25 +08:00 via Android

一直弹窗，手机点了只会弹，via 浏览器

churchill

2022-07-07 13:37:39 +08:00

win11 i9 10900f 勉强 256
我的 iphone 也能 256
感觉哪不对

qsnow6

2022-07-07 13:38:34 +08:00

chrome 点两下就卡死了，Firefox 无压力，点到 3 万多不想点了。

kokdemo

2022-07-07 14:54:45 +08:00

@qsnow6 火狐这么厉害

kokdemo

2022-07-07 14:55:02 +08:00

@churchill 主要是浏览器的问题，和设备本身的关系不太大

Tenlp

2022-07-07 17:16:41 +08:00

m1 pro 的 chrome 64 下子后就顶不住了 😄

ScepterZ

2022-07-07 18:40:02 +08:00

edge64 之后就卡住了

mxT52CRuqR6o5

2022-07-07 18:51:51 +08:00 via Android

@kokdemo k40+chrome 能点到 10000 我怀疑是在吹牛

mxT52CRuqR6o5

2022-07-07 18:57:11 +08:00 via Android

你这个测试和 speeddommeter 的测试结果应该是类似的

mjvcp

2022-07-07 19:01:19 +08:00

m1 MBP Edge 64 下子 GG

christin

2022-07-07 19:10:45 +08:00 via iPhone

有十六下子笑到了

imes

2022-07-07 19:19:19 +08:00

i5-8400 + 8G, firefox on Windows 10,，点到了 8 万，再次点击，出现 16 万，但是内存超了。

KorenKrita

2022-07-07 19:26:26 +08:00

intel 的 mbp 火狐可以点到 13W 虽然 13W 之后也没崩但是加载的超级超级慢等了几分钟不想等了

dunn

2022-07-07 19:27:18 +08:00

你赔我电脑，我电脑点的烧掉了

zhongjidalao

2022-07-07 21:36:22 +08:00

edge 有 64 下子

LegendHeaven

2022-07-07 22:50:19 +08:00

chromium(brave) 到 128 就不行了, firefox 到 65536 还能点(就是会慢), 这结果有点意思.

Alesso

2022-07-07 23:03:50 +08:00

edge 能到 64 ，Safari 能到 256

DOLLOR

2022-07-07 23:58:36 +08:00

chrome 系的到 64 已经完全卡死了，firefox 能点到一万六千多

em70

2022-07-08 00:11:34 +08:00

e5 12 核 24 线程 32G chrome
三十二下子就停止响应,但电脑很流畅.别的网页都没问题,只是这个网页崩溃了

Shilion

2022-07-08 02:39:45 +08:00 via Android

小米 12 ，Firefox daylight 102 ，点到有一万六千三百八十四下子没有卡死

sNullp

2022-07-08 07:22:15 +08:00

https://v2ex.com/i/0Wzci6MK.png

sNullp

2022-07-08 07:32:02 +08:00

kokdemo

2022-07-08 10:02:22 +08:00

@sNullp 太强了。。。

kokdemo

2022-07-08 10:04:19 +08:00

@mxT52CRuqR6o5 https://web.okjike.com/originalPost/62c590d955b315e836fee92c 你看这里面的截图

baleeny

2022-07-08 16:35:34 +08:00

哪位搞前端的能解释下卡的原因，感觉也没多少东西的样子 0.0 为啥谷歌到 64 或者 256 就卡住了。。