专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
目录
相关文章推荐
前端早读课  ·  【第3531期】了解声明式 Web推送 ·  8 小时前  
前端大全  ·  GitHub 第 10 ... ·  昨天  
前端大全  ·  Tauri vs. ... ·  昨天  
共产党员  ·  黄宗德:英雄无悔 许党报国 ·  2 天前  
共产党员  ·  黄宗德:英雄无悔 许党报国 ·  2 天前  
前端早读课  ·  【第3529期】从自动补全到得力助手:训练 ... ·  2 天前  
51好读  ›  专栏  ›  前端大全

Tauri vs. Electron:性能、体积与真实权衡

前端大全  · 公众号  · 前端  · 2025-06-16 17:25

正文

请到「今天看啥」查看全文


这意味着一个拥有多个窗口的应用会同时运行多个渲染进程。开发者需要特别关注这些进程带来的内存和 CPU 占用,就像后台同时运行多个迷你版的 Chromium 浏览器一样。

Electron 官方也用过一个很形象的比喻来说明这一点:

Electron 的渲染进程

Tauri 的主进程

Tauri 使用 Rust 作为后端语言。一个关键优势在于 Rust 可编译为原生二进制文件,无需将运行时(如 Node.js)与应用程序捆绑在一起。这让应用体积更轻,不过也伴随着一些后面会讲到的权衡。

Tauri 的 WebView 进程

Tauri 并未将整个 Chromium 引擎打包,而是使用操作系统自带的原生 WebView 组件来渲染用户界面。该组件通常比完整的浏览器引擎要轻量。当前 Tauri 使用的 WebView 如下:

  • 基于 Microsoft Edge/Chromium 的 Windows 系统上的 WebView2
  • macOS 上的 WKWebView(基于 Safari/WebKit)
  • Linux 上的 WebKitGTK

通过利用系统内置的 WebView,Tauri 能构建出更小的应用包,但这也带来了一些代价。

开发者在使用 Tauri 时,可能会遇到跨平台 UI 表现不一致的问题。例如,在 Safari 上会出现的 bug,在 Chrome 上却没有,或者 Firefox 在不同操作系统上表现不同。因为 Tauri 使用的是每个系统不同的浏览器内核,这种平台差异在开发过程中是必须考虑的因素。

功能对比

下面是一张对比表,展示了 Tauri 和 Electron 的一些关键特性,其中稍微强调了我们在 Hopp 特别看重的因素。表格后面还有一组简单的基准测试,比较了两者在应用体积、启动时间和内存占用方面的差异。

特性
Tauri 🦀
Electron ⚛️
启动时间
🏎️ 快
🏎️ 快
内存占用(基准测试)
172 MB
409 MB
浏览器技术
WebView
Chromium
后端语言
Rust
JavaScript
初次构建时间
🐢 慢
🏎️ 快
应用包体积(基准测试)






请到「今天看啥」查看全文