Javascript 在JS中将SVG多条路径合并在一起

我正在使用react/node中的SVG开发一个白板应用程序，其中绘制的内容将保存在db中以供进一步使用。我希望能够将多条路径转换为一条路径，因为如果画布持续绘制，一些路径最终将不相关，因为它们将被顶部的其他路径覆盖。这就是为什么保存数据库的每条路径对我来说没有意义；占用更多空间和更长的保存/加载时间。JS中有没有一种方法可以优化我的SVG，使其对服务器友好？

我想这需要编写自己的SVG渲染器，以便能够检测哪些元素被隐藏或不被隐藏。但是使svg服务器友好的一个简单方法是gzip，浏览器已经包含了这样的筛选优化。