为什么electron占用空间大,而Tauri占用小,他们不都是封装Chromium吗

Electron 和 Tauri(使用 WebView)的确都涉及嵌入浏览器引擎来渲染 HTML、CSS 和 JavaScript,但它们的架构和设计有显著不同,这导致了它们在应用程序体积和资源占用上的差异。以下是一些关键的原因:

1. 嵌入的浏览器引擎

Electron: Electron 包含了完整的 Chromium 浏览器引擎和 Node.js。这意味着每一个 Electron 应用都需要捆绑 Chromium 引擎和 Node.js 环境,这部分内容本身就比较大。Chromium 是一个功能齐全的浏览器,包含了所有与现代浏览器相关的功能和工具,因此它的体积比较大,通常一个简单的 Electron 应用就可能达到 100MB 以上。

Tauri(WebView): Tauri 使用的是系统自带的 WebView,而不是捆绑一个完整的浏览器引擎。WebView 是操作系统的一部分,像 Windows 上的 WebView2、macOS 上的 WebKit,以及 Linux 上的 WebKitGTK 都是操作系统自带的,因此 Tauri 应用程序不需要将浏览器引擎随应用一起打包,这显著减少了应用的体积。

2. 功能集成

Electron: 由于捆绑了完整的 Chromium 和 Node.js,Electron 应用程序在内存和磁盘占用方面相对较重。此外,Electron 提供了一整套 API,让 JavaScript 可以访问本地操作系统功能,因此 Electron 应用实际上在某种程度上充当了一个完整的运行时环境。

Tauri: Tauri 应用通常只加载所需的系统 WebView,并通过 Rust 或其他轻量级的技术来提供本地系统功能的访问。Rust 编译出来的二进制文件通常非常小,并且运行时不需要大量的依赖库,这也降低了应用程序的总体大小。

3. 内存管理和性能

Electron: 由于每个 Electron 应用都运行在独立的 Chromium 实例中,这意味着每个应用都像是运行了一个独立的 Chrome 浏览器。这个 Chrome 浏览器不仅要处理应用的 UI,还要管理大量的后台进程,导致较高的内存和 CPU 占用。

Tauri: 使用系统的 WebView 通常意味着内存管理和进程管理都是由操作系统直接处理的,且在系统层面上进行了优化。此外,Tauri 的后端代码是用 Rust 编写的,Rust 的内存管理机制非常高效,进一步减少了应用的内存占用。

4. 开发模型

Electron: Electron 提供了一种“自带所有”的开发模型,所有必要的组件都捆绑在一起,这使得开发过程更简单,但同时也导致了更大的应用程序体积。

Tauri: Tauri 强调轻量级和效率,通过利用操作系统已有的功能来减少重复和冗余。这种开发模型虽然可能需要开发者更仔细地处理不同平台上的兼容性问题,但可以显著减少应用程序的体积。

5. 依赖管理

Electron: 由于 Electron 应用通常还依赖于很多 Node.js 模块,而这些模块的体积也可能相当可观,尤其是当它们包括原生扩展或大量的依赖链时。

Tauri: Tauri 应用的依赖通常更少,尤其是在不依赖大型的 JavaScript 库的情况下。Rust 生态中的依赖管理工具(Cargo)也倾向于生成更紧凑的可执行文件。

总结

Electron 占用空间大的主要原因在于它包含了完整的 Chromium 浏览器引擎和 Node.js 环境,这些组件本身就很大,且每个 Electron 应用都需要将这些组件打包在一起。
Tauri 使用系统自带的 WebView 来渲染界面,而不需要将整个浏览器引擎打包在应用中。这使得 Tauri 应用通常非常小巧,并且由于使用 Rust 编写后端,性能和内存管理更加高效。
因此,虽然两者都封装了浏览器引擎,但由于 Tauri 利用了操作系统已有的资源,并且在设计上更轻量,所以其占用的空间要比 Electron 小得多。
在这里插入图片描述

  • 15
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

霍志杰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值