写了一个有两下子的浏览器性能测试器:P - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kokdemo
V2EX    分享创造

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

  •  1
     
  •   kokdemo
    kokdemo 2022-07-07 10:25:36 +08:00 6820 次点击
    这是一个创建于 1200 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    技术栈特别简单:

    1. vue:用到了递归组件
    2. css:用到了 css grid 的布局

    没了

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

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

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

    33 条回复    2022-07-08 16:35:34 +08:00
    Rabbircantknow
        1
    Rabbircantknow  
       2022-07-07 10:34:17 +08:00 via Android
    还挺好玩的,在外面用手机玩了一下,到“有十六下子”之后就弹出个“再点下去你的浏览器可能受不了”。就没点了。
    浏览器如果受不了了会发生什么吗,会死机吗?
    kokdemo
        2
    kokdemo  
    OP
       2022-07-07 10:40:09 +08:00
    @Rabbircantknow dom 太多了可能,浏览器可能会卡死,但不会影响到你的手机系统。

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

    之前那个点到 10000 的老哥用的 k40 + chrome 测出来的
    TrevorPhillips
        3
    TrevorPhillips  
       2022-07-07 10:46:09 +08:00 via Android
    有趣,手机 kiwi 点到 64 下子就没反应了,不过切浏览器标签什么的操作正常,没卡死
    kokdemo
        4
    kokdemo  
    OP
       2022-07-07 11:03:08 +08:00
    @TrevorPhillips 现代浏览器都是多线程,只是这一个页面的线程卡死了,不影响其他页面的。
    Constantping
        5
    Constantping  
       2022-07-07 11:03:40 +08:00
    @TrevorPhillips 我也是
    i6941
        6
    i6941  
       2022-07-07 11:06:08 +08:00
    不知道咋算的,M1 pro+ edge 点到 16 不让点了
    kokdemo
        7
    kokdemo  
    OP
       2022-07-07 11:18:41 +08:00
    @i6941 有弹窗,点击确认可以继续的
    villivateur
        8
    villivateur  
       2022-07-07 13:08:56 +08:00   1
    我点到了 8192 ,不想再点了。
    Firefox, Windows 10
    Bingchunmoli
        9
    Bingchunmoli  
       2022-07-07 13:30:25 +08:00 via Android
    一直弹窗,手机点了只会弹,via 浏览器
    churchill
        10
    churchill  
       2022-07-07 13:37:39 +08:00
    win11 i9 10900f 勉强 256
    我的 iphone 也能 256
    感觉哪不对
    qsnow6
        11
    qsnow6  
       2022-07-07 13:38:34 +08:00
    chrome 点两下就卡死了,Firefox 无压力,点到 3 万多不想点了。
    kokdemo
        12
    kokdemo  
    OP
       2022-07-07 14:54:45 +08:00
    @qsnow6 火狐这么厉害
    kokdemo
        13
    kokdemo  
    OP
       2022-07-07 14:55:02 +08:00
    @churchill 主要是浏览器的问题,和设备本身的关系不太大
    Tenlp
        14
    Tenlp  
       2022-07-07 17:16:41 +08:00
    m1 pro 的 chrome 64 下子后就顶不住了
    ScepterZ
        15
    ScepterZ  
       2022-07-07 18:40:02 +08:00
    edge64 之后就卡住了
    mxT52CRuqR6o5
        16
    mxT52CRuqR6o5  
       2022-07-07 18:51:51 +08:00 via Android
    @kokdemo k40+chrome 能点到 10000 我怀疑是在吹牛
    mxT52CRuqR6o5
        17
    mxT52CRuqR6o5  
       2022-07-07 18:57:11 +08:00 via Android
    你这个测试和 speeddommeter 的测试结果应该是类似的
    mjvcp
        18
    mjvcp  
       2022-07-07 19:01:19 +08:00
    m1 MBP Edge 64 下子 GG
    christin
        19
    christin  
       2022-07-07 19:10:45 +08:00 via iPhone
    有十六下子笑到了
    cmos
        20
    cmos  
       2022-07-07 19:19:19 +08:00
    i5-8400 + 8G, firefox on Windows 10,,点到了 8 万,再次点击,出现 16 万,但是内存超了。
    KorenKrita
        21
    KorenKrita  
       2022-07-07 19:26:26 +08:00
    intel 的 mbp 火狐 可以点到 13W 虽然 13W 之后也没崩 但是加载的超级超级慢 等了几分钟不想等了
    dunn
        22
    dunn  
       2022-07-07 19:27:18 +08:00
    你赔我电脑,我电脑点的烧掉了
    zhongjidalao
        23
    zhongjidalao  
       2022-07-07 21:36:22 +08:00
    edge 有 64 下子
    LegendHeaven
        24
    LegendHeaven  
       2022-07-07 22:50:19 +08:00
    chromium(brave) 到 128 就不行了, firefox 到 65536 还能点(就是会慢), 这结果有点意思.
    Alesso
        25
    Alesso  
       2022-07-07 23:03:50 +08:00
    edge 能到 64 ,Safari 能到 256
    AV1
        26
    AV1  
       2022-07-07 23:58:36 +08:00
    chrome 系的到 64 已经完全卡死了,firefox 能点到一万六千多
    em70
        27
    em70  
       2022-07-08 00:11:34 +08:00
    e5 12 核 24 线程 32G chrome
    三十二下子就停止响应,但电脑很流畅.别的网页都没问题,只是这个网页崩溃了
    Shilion
        28
    Shilion  
       2022-07-08 02:39:45 +08:00 via Android
    小米 12 ,Firefox daylight 102 ,点到 有一万六千三百八十四下子 没有卡死
    sNullp
        29
    sNullp  
       2022-07-08 07:22:15 +08:00
    sNullp
        30
    sNullp  
       2022-07-08 07:32:02 +08:00
    kokdemo
        31
    kokdemo  
    OP
       2022-07-08 10:02:22 +08:00
    @sNullp 太强了。。。
    kokdemo
        32
    kokdemo  
    OP
       2022-07-08 10:04:19 +08:00
    baleeny
        33
    baleeny  
       2022-07-08 16:35:34 +08:00
    哪位搞前端的能解释下卡的原因,感觉也没多少东西的样子 0.0 为啥谷歌到 64 或者 256 就卡住了。。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2571 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 02:26 PVG 10:26 LAX 19:26 JFK 22:26
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86