V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kokdemo
V2EX  ›  分享创造

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

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

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

    技术栈特别简单:

    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
    有十六下子笑到了
    imes
        20
    imes  
       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
    DOLLOR
        26
    DOLLOR  
       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   ·   实用小工具   ·   885 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 20:01 · PVG 04:01 · LAX 12:01 · JFK 15:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.