如何优化GitHub workflow性能？能否以非Headless模式运行缩短测试耗时

安全阿岳

2026-9-24

核心结论

GitHub 托管的 Ubuntu 运行器默认无图形桌面环境，无法运行带UI的非Headless模式Chrome。你遇到的性能问题并非Headless模式导致，恰恰是没有对Headless模式做CI适配配置引发的异常卡顿——Headless模式本身比带UI的Chrome资源开销更低、运行速度更快。

具体优化步骤

步骤1：调整测试执行命令

替换原有ng test命令，添加适配CI的运行参数：

ng test --no-watch --no-progress --browsers=ChromeHeadlessCI --source-map=false

参数说明：

--no-watch：关闭文件变更监听，测试跑完直接结束
--no-progress：关闭进度条日志输出，减少不必要的IO开销
--source-map=false：禁用源映射，大幅缩短编译和测试执行时间（不需要调试测试的情况下建议开启）

步骤2：修改Karma配置文件

在项目根目录的karma.conf.js中添加Headless Chrome的CI适配配置：

module.exports = function (config) {
  config.set({
    // 其他原有配置保持不变
    browsers: ['ChromeHeadlessCI'],
    customLaunchers: {
      ChromeHeadlessCI: {
        base: 'ChromeHeadless',
        flags: [
          '--no-sandbox', // CI环境下必须加，否则Chrome无法启动
          '--disable-gpu',
          '--disable-dev-shm-usage', // 解决CI环境共享内存不足导致的卡顿
          '--disable-software-rasterizer'
        ]
      }
    },
    autoWatch: false, // 关闭文件监听
    singleRun: true, // 测试执行完成后自动退出
    logLevel: config.LOG_ERROR // 只输出错误日志，减少日志打印开销
  })
}