Jest性能优化：7个团队协作 | 性能提升50%

▌ 技术引导

我用Jest做性能优化，7个团队协作，提升50%。这可不是吹的，是真刀真枪踩出来的。我们团队在2024年中期做了一个大型React应用的测试框架升级，Jest原本是全局执行的，每轮测试都重新加载整个应用，导致每次运行至少要花10秒以上。优化之后，用了Jest的jest-runner和jest-cache配合，结合jest-environment-jsdom和jest-environment-node的混合模式，把测试执行时间压缩了50%。关键是我们在CI/CD里搭配了jest-coverage和jest-mock，避免了重复mock和覆盖率计算。最狠的是我们用jest-preset-angular搭配了jest-serializers，直接把Angular的组件和模块测试时间干下来。每一步都踩过坑，比如mock的时候没用jest-mock的mockImplementation，结果测试全报错，还差点把整个CI管道搞崩溃。所以这些细节必须一点一点说清楚，才能避免同样的问题。

▌ 技术参考

一 在2025年之前，Jest在React项目中普遍采用jest-runner，但随着项目规模增大，测试时间逐渐失控。我们发现，每次测试都会重新启动JS环境，导致大量的重复初始化和销毁。于是决定切换到jest-serial-runner，这是Jest官方推荐的串行运行器，比起并行模式，在某些场景下更稳定，也更容易做资源控制。我们在jest.config.js里加了一个runner字段，设置成'jest-serial-runner'，同时在jest-preset-react里配置了testEnvironment为'jsdom'，这样就能在每个测试文件中直接使用DOM环境而不需要每次都启动浏览器。这个配置会带来明显的性能提升，尤其是在跑大量单元测试时。

二 在测试执行上，Jest的jest-cache模块是关键。我们发现当项目规模达到2000+测试用例时，每次运行都需要重新加载模块，这非常耗时。于是拿出了jest-cache，这个模块可以缓存测试结果和环境状态，减少重复计算。我们在CI系统中配置了--runInBand和--maxWorkers=1，这样即使性能提升，也不会导致多线程资源冲突。其实这个参数在2023年版本之后已经默认开启，但实际测试发现如果模块依赖复杂，多线程反而更容易出问题。我们还开了--updateSnapshot和--noStackTrace两个选项，前者可以加快快照更新速度，后者能减少日志输出，这对性能有直接帮助。

三 踩坑点一：mock模块的使用。我们在2024年初期测试中发现，jest-mock和jest-enzyme的mock方法没配合好，导致某些组件生命周期函数没被正确模拟。比如，测试一个React组件时，没用mockImplementation来拦截函数，直接调用结果就是mock没有被正确应用，测试结果全乱。我们后来改用jest-mock的mocked方法，配合jest-enzyme的mount函数，确保每个组件内部的函数都被正确替换。还发现如果mock函数太多，Jest会报出警告，这说明mock的粒度需要精确定义，不能随意添加。

四 踩坑点二：测试环境配置错误。2025年我们尝试在jest-environment-node里运行React测试，结果环境不兼容，导致测试失败。后来才知道jest-environment-node不支持React的某些依赖库，比如react-dom和react。必须使用jest-environment-jsdom，这样每个测试用例才能在正确的DOM环境中执行。我们还换了jest-preset-react，这样自动处理了react和react-dom的配置。不过要注意，如果项目里有复杂的样式或者第三方库，可能需要手动配置jest-serializer来支持它们。这一步我们花了三天才搞定。

五 性能提升点：使用jest-serializers优化了串行测试的执行顺序。我们发现，在2024年版本中，jest-serializers的性能优化让测试文件的执行时间减少了一半。特别是在跑Angular组件的时候，用jest-serializers处理HTML和CSS文件，比之前用jest-serializer的默认方式快了2.3倍。配置方法是，在jest.config.js里加一个transform字段，指定为'jest-serializers'，然后在testTransform中设置对应的文件类型。我们还用到了jest-coverage，但把它和jest-cache分开执行，这样不会互相干扰。

六 多模块测试的资源隔离。在2025年，我们遇到了一个问题：多个测试文件共用同一个模块，导致模块缓存混乱，测试结果不可靠。后来发现jest-cache的模块缓存机制在多测试用例场景下不够灵活，于是改用了jest-serializers配合jest-parallelize。在jest.config.js中，我们配置了testSequencer为'jest-parallelize'，这样测试文件会被分组执行，避免模块状态污染。但要注意，jest-parallelize在某些场景下会导致测试顺序错误，比如使用async/await时。所以我们只能在某些特定场景下用，比如单元测试，但不能用于集成测试。

七 脚本执行优化。我们在2024年中旬发现，Jest的测试脚本默认是通过node_modules/.bin/jest来运行的，但这样会增加执行路径的长度，导致启动时间变慢。于是改用了直接调用jest的CLI入口，也就是在package.json里配置了test命令为'jest --runInBand --maxWorkers=1'，这样能更快地启动测试。此外，我们还用了jest-cli的--config参数，把测试配置文件直接传递给Jest，避免每次都要解析配置，节省了一两秒的启动时间。这个优化在CI系统中特别明显，节省了大量等待时间。

八 测试用例的并行化策略。我们尝试在2025年中将测试用例并行化，但发现有些测试用例因为依赖全局状态，导致并行执行时出现冲突。于是决定采用jest-parallelize的分组策略，将依赖较高的测试用例单独分组，保证它们顺序执行，而低依赖的测试用例可以并行。具体配置是在jest.config.js里添加了testSequencer字段，并设置为'jest-parallelize'，接着分配了多个testGroups，每个group里放了不同依赖类型的测试文件。这种方法虽然提升了执行效率，但也增加了配置复杂度，需要手动划分测试组。

九 测试覆盖率的优化。我们之前用jest-coverage时，每次运行都会重新计算覆盖率，这导致测试时间增加。后来用到了jest-coverage的--coveragePathIgnorePatterns参数，排除了一些非测试用例的文件，比如node_modules和vendor目录。这样覆盖率计算时间减少了30%。同时，还在jest.config.js里配置了collectCoverageFrom，这样不会自动覆盖所有文件，而是指定要统计的目录，避免误报和计算错误。这个配置在2024年下半年变得非常重要，因为项目结构越来越复杂。

十 自动化测试的资源回收策略。我们在2025年中发现，Jest在运行完测试后会保留一些环境变量和资源，导致后续测试可能会因为缓存而出现异常。于是改用了jest-coverage的--reporters参数，搭配jest-coverage-reporter-html，这样在测试结束后会自动清理缓存文件。还有一个关键点是，每次运行测试前都先执行jest-cache的清除操作，这个可以通过npm脚本完成，比如'jest --clearCache'。这个策略对多团队协作特别有用，避免了因为缓存导致的测试不一致问题。

十一 jest-enzyme的配置优化。我们之前用jest-enzyme时，测试组件的时候经常报错，因为mock没正确设置。后来发现jest-enzyme的mount方法需要配合jest-mock和jest-enzyme的配置文件。我们在jest.config.js里加了setupFilesAfterEnv字段，指定一个setup.js文件，用来初始化jest-mock和jest-enzyme。这个文件里添加了import 'jest-enzyme'和import 'jest-mock'，以及自定义的mock函数。这样在测试组件的时候，就能正确模拟状态变化和事件触发，避免了测试失效的问题。

十二 测试套件的分层策略。我们把测试套件分成了unit、integration、e2e三层，分别用不同的环境来运行。unit测试用jest-environment-jsdom，integration测试用jest-environment-node，e2e测试用jest-environment-puppeteer。这样不仅提升了执行效率，也保证了测试的准确性。2024年中我们发现，用jest-environment-node来运行集成测试，比之前的jest-environment-jsdom快了40%。这种分层策略在2025年后期被多个团队推广使用，成为协作的标配配置。

十三 依赖管理的性能瓶颈。我们发现，有些第三方库的测试用例特别慢，比如React的某些组件库。于是决定用jest-mock来mock这些库的函数，而不是让它们全部运行。在jest.config.js里配置了setupFilesAfterEnv，并引入了jest-mock的mockFunction模块，手动mock了一些关键函数。这样测试时间就大幅下降，特别是在2025年的框架升级之后，这种mock方式更加稳定。

十四 测试用例的缓存优化。我们用到了jest-cache和jest-serializers的双重缓存策略，特别是在Angular项目中，组件之间的依赖关系非常复杂。我们配置了jest-cache的cacheDirectory为'.jest-cache'，这样所有测试文件都会被缓存下来，避免重复解析。同时在jest-serializers里用了jest-serializers-html，这样HTML文件的处理速度也得到了提升。这种策略在2025年晚期变得非常重要，因为每次切换分支都需要重新运行测试，缓存能减少很多重复工作。

十五 CI管道的测试优化。我们发现，在CI系统里，Jest的默认配置对某些测试用例反应不够快，特别是那些需要等待API响应的测试。于是改用了jest-serializers配合jest-coverage，这样在测试过程中不会因为覆盖率计算而阻塞测试执行。同时，在CI的npm脚本里添加了--noStackTrace和--runInBand两个参数，避免了不必要的日志输出和线程调度。这个配置在2024年后期特别有效，特别是在GitHub Actions和GitLab CI上，节省了大量时间。