Typora for Mac 卡慢是 WebKit 的问题? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dcsuibian
V2EX    macOS

Typora for Mac 卡慢是 WebKit 的问题?

  •  
  •   dcsuibian 2022-03-01 14:31:09 +08:00 5554 次点击
    这是一个创建于 1331 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Mac 用 Typora 的时候,图片一多久很卡,而在另一台 Windows 上则很顺畅,一直以为是电脑本身的性能问题。

    但最近听说 mac 版其实是用 WebKit 写的: t/820790 (现在 Typora 的 Windows 版 70 多 MB ,而 Mac 版只有 10.5MB )

    于是,去实际测试了一下:

    在一个 markdown 文件里放入了 144 张图片,总大小 569.4MB (有 10 张左右的截屏,大小平均 500KB 。另外是相机拍摄的图片,4000x3000 分辨率,平均大小 4MB )。

    测试环境 1:Mac vs Windows 虚拟机

    mbp 2019 16 寸 Intel i9 款。windows 是 parallels 里的虚拟机里的,注意是虚拟机

    1 )拖动、缩放测试

    mac

    屏幕录制 2022-03-01 下午 1.34.01

    windows

    屏幕录制 2022-03-01 下午 1.34.29

    由于 gif 帧数原因,没有完全展示出效果。

    mac for typora 在缩放和拖移窗口时有十分明显的卡顿感。一开始缩放时里面的内容还会有反应,后来就直接不动了,即使停止缩放,也是等了一会儿才适应好。

    windows 版缩放也略有卡顿,会有黑框和频闪效果。但内容始终在适配窗口,因此停止缩放后也立马就好了。而拖动窗口时毫无卡顿,十分顺畅。

    2 )滚动、打字测试

    mac

    屏幕录制 2022-03-01 下午 1.35.44

    mac 版卡的一批,快速滚轴拖动时不跟手,白屏时间长。最重要的是在后面打字时十分地卡顿。(不是我没动,是它卡住了)

    windows

    屏幕录制 2022-03-01 下午 1.37.48

    windows 版在滚动时也会有卡顿。但打字时十分顺畅,没有任何延迟。

    测试环境 2:Chrome vs Safari

    经过测试 1 ,我基本上已经确定了 WebKit 是元凶。但为了最终测试,还是看看 html 。

    于是用 Typora 把对应的 markdown 转换成 html 文件后用浏览器打开,都是 mac 平台,非虚拟机的。

    Chrome

    屏幕录制 2022-03-01 下午 1.41.16

    十分 tm 的流畅。滚动栏完全跟手,而且停止后图片立马显示出来,最后是用触摸板下滑,一样流程。

    Safari

    屏幕录制 2022-03-01 下午 1.42.05

    和 typora 体验一样,卡顿,滚动栏不跟手,白屏时间长。

    总结

    写到这里发现,我在测试过程中全程开着虚拟机,有可能对 mac 的资源有一些占用。但个人认为没影响,和我不开虚拟机的时候体验相同,而后面的 Chrome vs Safari 都在 mac 上运行就更说明了这点。

    之前以为 Electron 很拉,没想到还有更拉的。怪不得微软要搞 webview2 。

    不知道 Typora 的作者在不在 v 站,希望能出个 mac 的 Electron 版测一下。

    第 1 条附言    2023-05-27 14:19:26 +08:00

    13 条回复    2022-03-02 09:48:54 +08:00
    dcsuibian
        1
    dcsuibian  
    OP
       2022-03-01 15:19:13 +08:00
    没人吗?感觉 v 站用 Typora 的应该挺多的啊
    wzcloud
        2
    wzcloud  
       2022-03-01 16:43:41 +08:00
    @dcsuibian 装了,用的比较少. 大部分时候还是用 vscode 写.看一下开源项目文档的时候才会用 typora
    wellwellwell
        3
    wellwellwell  
       2022-03-01 17:21:28 +08:00
    WebKit 问题可太多了,苹果甚至没有能力处理这些问题。事实上如今的浏览器已经是个比操作系统更复杂的东西,而且这种情况会越演愈烈,它不仅需要多家公司进行维护还需要社区的力量。如今的 safari 早已经千肠百孔,只剩下一层外皮
    ttys001
        4
    ttys001  
       2022-03-01 17:29:30 +08:00   2
    就你这个帖子,Safari 卡爆,chrome 丝滑。
    M1 pro 。
    Building
        5
    Building  
       2022-03-01 17:55:14 +08:00 via iPhone
    这帖子都把我的手机 Safari 卡白屏了,处理器也发热了
    xtinput
        6
    xtinput  
       2022-03-01 18:32:33 +08:00
    @Building 16 寸 M1Max 的也卡白屏了
    xtinput
        7
    xtinput  
       2022-03-01 18:37:19 +08:00
    这个界面几个 gif 文件大小一共 148M ,之前设计那边给了一个 10M 的 gif 在手机上加载,然后我们的应用内存飙升到 500 ,不加载 gif 只有 100M 不到,差不多 50 倍!
    148*50=7400M !你这还不如直接上 mp4 呢,各大系统对 mp4 的支持绝对是比 gif 好
    qiguai2017
        8
    qiguai2017  
       2022-03-01 23:00:22 +08:00
    mac 版为了骗小白,把安装文件做得只有 10M 左右的大小,让他们以为是原生代码开发的,结果.....
    szzhiyang
        9
    szzhiyang  
       2022-03-01 23:04:34 +08:00
    这局 Windows 得分。
    yingbo
        10
    yingbo  
       2022-03-01 23:56:10 +08:00
    就你这个贴,这几个图。我在 intel MacBook Pro 上就发现 safari 挺卡顿。然后我试了三个浏览器。顺畅程度 firefox > chrome > safari 。
    discrete
        11
    discrete  
       2022-03-02 01:53:31 +08:00
    感觉 Safari 最近是不是引入了一个恶性 bug ,就这个网页会卡,CPU 一度飙到 190% 多,白屏卡顿
    NodeSans
        12
    NodeSans  
       2022-03-02 08:23:41 +08:00
    @qiguai2017 艹,我还以为是原生开发的,用了系统的 webkit 是没有想到的。
    ysc3839
        13
    ysc3839  
       2022-03-02 09:48:54 +08:00 via Android
    想说一下,微软搞 WebView2 主要原因还是为了各种编程语言可调用吧,Electron 是不能实现的。
    另外我也不认为 macOS 版这么搞是为了骗人,而是系统已经有了 WebView ,就不自带了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5414 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 07:26 PVG 15:26 LAX 00:26 JFK 03: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