升级SSD和内存是提升HTML函数工具性能性价比最高、见效最快的两项操作；显卡升级仅在明确使用WebGL等GPU加速场景下才有效。
直接说结论：对绝大多数 HTML 函数工具（如基于 Chromium 的 IDE 预览、Canvas/WebGL 调试器、DOM 分析插件等），升级 SSD 和 内存 是性价比最高、见效最快的两项操作；显卡升级仅在明确使用 WebGL、OffscreenCanvas 或高频 requestAnimationFrame 场景下才有实际收益。
SSD 是最该优先换的硬件
HTML 函数工具频繁读写临时文件、缓存、source map、node_modules 解析结果，机械硬盘（HDD）的随机 4K 读取延迟常超 10 ms，而 SATA SSD 普遍低于 0.1 ms。这种差距会直接表现为：Ctrl+S 后预览刷新卡顿、开发者工具 Source 面板加载慢、npm run dev 启动耗时翻倍。
- 不用追求 NVMe：老主板（如 H61、A55）即使只支持 SATA II，换上 SATA SSD 也能获得 5 倍以上 I/O 提升
- 系统盘必须装在 SSD 上：Windows 页面文件、浏览器磁盘缓存、VS Code 的
.vscode/.history全部受益 - 项目文件可留在 HDD：只要编辑器和浏览器进程运行在 SSD 环境，响应感就明显不同
内存要加到 8GB 并确认双通道启用
Chrome 单个渲染进程默认堆上限是 2 GB，但现代 HTML 函数工具（比如带实时 DOM 树高亮、CSS 变量追踪、WebSocket 状态监控的插件）常驻内存轻松破 1.5 GB。4 GB 物理内存下，系统频繁 swap，document.querySelectorAll 批量操作会明显卡顿。
- 查清主板最大支持容量：G41 主板上限通常是 8 GB（2×4 GB DDR3），别买单条 8 GB（可能不识别）
- 务必配对安装：2×4 GB 比 1×8 GB 更稳定，且开启双通道后内存带宽翻倍，对
Canvas 2D大图绘制有实测帧率提升 - 进 BIOS 关闭显存共享：老平台（如 Intel GMA X4500）默认分走 512 MB 内存，需将
DVMT Pre-Allocated设为 32 MB 或 64 MB
独立显卡只在特定函数调用链里起作用
不是所有 HTML 函数都走 GPU：只有明确触发合成层（will-change: transform）、使用 WebGLRenderingContext、或调用 OffscreenCanvas.transferToImageBitmap() 时，eGPU 或独显才真正参与计算。其他如 innerHTML 解析、JSON.parse、RegExp.exec 全靠 CPU。
立即学习“前端免费学习笔记（深入）”；
- 先验证是否真用了 GPU：打开
chrome://gpu，检查Compositing和Canvas是否显示Hardware accelerated - Windows 用户必须手动绑定：在系统「设置 > 系统 > 显示 > 图形」中，为
chrome.exe指定「高性能 GPU」，否则默认走核显 - macOS eGPU 需配合
--use-gl=metal启动参数，否则 WebKit 渲染器可能忽略外接设备
容易被忽略的一点：很多用户换了显卡却没改电源计划——Windows 「平衡」模式会锁死 GPU 频率，requestAnimationFrame 回调间隔从 16 ms 拉长到 30+ ms，动画卡顿反而更明显。务必把电源计划切到「高性能」再测试。
