Electron 太卡太占内存怎么办？8 个性能优化实战技巧

Electron 应用最常见的抱怨：内存 300MB 起步、启动慢、CPU 空转。这些问题大部分可以通过架构调整和代码优化解决，但有些是 Chromium 内核的硬限制，只能缓解不能根除。

1. 减少渲染进程数量

每个 BrowserWindow 是一个独立的 Chromium 渲染进程，至少占 50-80MB 内存。开了 5 个窗口就是 250-400MB。

优化方案：能用一个窗口解决就不要开多个。需要多视图用 BrowserView（Electron 28+ 用 WebContentsView）代替多窗口——多个 View 共享一个渲染进程，内存开销小得多。

javascript
const { WebContentsView } = require('electron');
const view = new WebContentsView();
view.webContents.loadURL('https://example.com');
mainWindow.contentView.addChildView(view);

2. 懒加载窗口

不要在应用启动时创建所有窗口。只在用户打开时才创建，关闭时销毁：

javascript
let settingsWindow = null;

function openSettings() {
    if (settingsWindow) {
        settingsWindow.focus();
        return;
    }
    settingsWindow = new BrowserWindow({ /* ... */ });
    settingsWindow.on('closed', () => { settingsWindow = null; });
}

设为 null 而不是 hide——hide 保留渲染进程在内存里，设为 null 才真正释放。

3. 主进程和渲染进程分离

不要在渲染进程里做 CPU 密集型操作（解析大文件、图像处理），会阻塞 UI 导致卡顿。把这些任务放到主进程或 Worker 线程：

javascript
// 渲染进程
const { ipcRenderer } = require('electron');
const result = await ipcRenderer.invoke('heavy-task', data);

// 主进程
ipcMain.handle('heavy-task', (event, data) => {
    return doHeavyWork(data);
});

更重的任务用 Node.js 的 worker_threads，避免阻塞主进程的事件循环。

4. 开启 V8 内存优化

javascript
const app = require('electron').app;
app.commandLine.appendSwitch('js-flags', '--max-old-space-size=512');

限制 V8 堆内存上限，迫使垃圾回收更积极。默认 V8 在 1.5GB 左右才触发 GC，限制到 512MB 让 GC 更早介入，减少内存峰值。

5. 精简依赖

Electron 应用打包后体积大的一个原因是 node_modules 太臃肿。用 electron-builder 的 files 配置只包含必要的文件：

json
{
    "build": {
        "files": [
            "dist/**/*",
            "package.json"
        ],
        "extraResources": []
    }
}

检查包体积：electron-builder 打包后看 *.blockmap 文件大小，或者用 source-map-explorer 分析 JS bundle 大小。

6. 优化启动速度

冷启动慢的常见原因：加载太多 JS、创建了不需要的窗口、初始化了用不到的模块。

• 用 webpack 或 esbuild 打包，减少文件 I/O 次数
• 延迟加载非核心模块（import() 动态导入）
• show: false 创建窗口，加载完成后再 show()

javascript
const win = new BrowserWindow({ show: false });
win.loadURL('app://index.html');
win.once('ready-to-show', () => { win.show(); });

7. 关闭不需要的 Chromium 特性

javascript
app.commandLine.appendSwitch('disable-features', 'MediaRouter');
app.commandLine.appendSwitch('disable-background-timer-throttling');

MediaRouter 是 Chromecast 投屏功能，大部分桌面应用不需要。关掉能省一点内存和 CPU。

8. 渲染进程性能分析

用 Chrome DevTools 分析渲染进程性能——和优化网页一样。Ctrl+Shift+I 打开 DevTools，Performance 面板录制操作，看哪些函数耗时最长。

主进程性能分析：启动时加 --inspect 参数，用 Chrome DevTools 远程连接。

底线

Electron 应用的内存下限约 150-200MB（Chromium 内核开销），这是无法突破的。如果你的应用必须控制在 50MB 以内，Electron 不是正确选择——看 Tauri 或纯原生。