V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dcsuibian
V2EX  ›  macOS

Typora for Mac 卡慢是 WebKit 的问题?

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

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

    但最近听说 mac 版其实是用 WebKit 写的: https://www.v2ex.com/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   ·   实用小工具   ·   1221 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 18:19 · PVG 02:19 · LAX 10:19 · JFK 13:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.