Performance Doctor

Tauri 性能诊断

性能维度

Rust 编译优化

加速开发编译

# src-tauri/Cargo.toml

# 开发模式优化（减少编译时间）
[profile.dev]
opt-level = 0           # 不优化（编译最快）
incremental = true      # 增量编译

# 仅优化依赖（不优化本地代码，加快重编译）
[profile.dev.package."*"]
opt-level = 2

# 发布模式优化（最小体积 + 最佳性能）
[profile.release]
opt-level = "z"         # 最小体积
lto = true              # 链接时优化
codegen-units = 1       # 单代码生成单元
strip = true            # 剥离调试信息
panic = "abort"         # panic 时直接 abort

减少编译时间

# .cargo/config.toml（项目级）
[build]
# 使用 mold 链接器（Linux）
# rustflags = ["-C", "link-arg=-fuse-ld=mold"]

# 使用 lld 链接器（Windows）
# rustflags = ["-C", "link-arg=-fuse-ld=lld"]

前端性能优化

React 优化

// 1. useMemo 缓存计算
const filteredItems = useMemo(() =>
  items.filter(item => item.name.includes(search)),
  [items, search]
);

// 2. useCallback 缓存回调
const handleClick = useCallback((id: number) => {
  invoke("delete_item", { id });
}, []);

// 3. React.memo 避免不必要的重渲染
const ListItem = React.memo(({ item }: { item: Item }) => (
  <div>{item.name}</div>
));

// 4. 虚拟列表（大量数据）
// pnpm add @tanstack/react-virtual
import { useVirtualizer } from "@tanstack/react-virtual";

Vite 构建优化

// vite.config.ts
export default defineConfig({
  build: {
    minify: "terser",
    terserOptions: {
      compress: { drop_console: true },
    },
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ["react", "react-dom"],
        },
      },
    },
  },
});

安装包体积优化

分析体积

# Rust 依赖体积
cargo install cargo-bloat
cd src-tauri && cargo bloat --release

# 前端依赖体积
pnpm add -D rollup-plugin-visualizer

优化策略

常见错误