Typora for Mac 卡慢是 WebKit 的问题?

2022-03-01 14:31:09 +08:00
 dcsuibian

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

windows

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

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

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

2 )滚动、打字测试

mac

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

windows

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

测试环境 2:Chrome vs Safari

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

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

Chrome

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

Safari

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

总结

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

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

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

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/837163

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX