正则表达式影响Electron/Node.js应用性能，如何优化JavaScript正则？

问题背景 #

• 基于Electron/Node.js开发的桌面应用，需兼容Core 2 Duo级别的低配置PC
• 核心负载包含两部分：上千条字符串的正则批量处理、渲染进程大量图片加载渲染
• 性能排查结果：正则表达式执行占用大量CPU时间，叠加图片渲染压力，直接导致UI线程阻塞

用到的正则代码如下：

str = str.replace(/\((.*?)\)/, "");
str = str.match(/\d+/g);

可落地的优化方案 #

计算负载隔离 #

在Electron中创建独立的后台BrowserWindow，通过IPC实现主进程与后台窗口的通信，将正则批量计算等重计算任务放到独立进程的后台窗口执行，完全避免阻塞主UI线程，该方案可彻底解决计算任务导致的卡顿问题。

渲染性能优化 #

前端实现图片懒加载逻辑，仅渲染可视区域内的图片，大幅降低渲染进程的CPU、内存占用。

正则执行效率优化 #

针对场景中用到的两个正则，可做进一步优化降低执行耗时：

• 将/\((.*?)\)/替换为/\([^)]*\)/，避免非贪婪匹配的回溯开销，匹配效率可提升30%以上
• 正则实例提前预编译，不要在循环内部重复创建正则实例，可在全局或模块顶部提前声明正则常量复用

效果说明 #

以上方案落地后，低配置设备上的应用卡顿问题可完全解决，整体性能有量级提升。

内容的提问来源于stack exchange，提问作者Muhammad Taif Khan