包含大量文本的HTML地图的性能

Question

我正在尝试创建一个简单的平面图HTML页面，该页面具有一些几何元素（矩形，圆形），可以进行各种转换，并且大多数情况下包含许多小的文本标签。
到目前为止，我已经测试了几种方法：

1. 将所有内容都保存在一个SVG中，用户可以平移，放大和缩小。这可以正常工作，但缩放动画非常缓慢，并且延迟很大。观察分析器，所花费的时间主要由“布局”
2. 与1相同，是单个SVG，但将许多<text>元素替换为在初始化时创建的图像，方法是渲染到不可见的画布中并使用toDataURL()。这使缩放动画非常灵活，但是现在页面的初始化时间从500ms增加了10倍，到5秒。
3. 与2相同，但在服务器上离线生成图像。这减少了初始化时间，但增加了带宽，并且带有斑点网络的移动设备（将要使用该网络的设备）的总加载时间仍在几秒钟左右。

没有办法赢得这场胜利吗？我正在寻找的解决方案将具有1.的低加载时间（500毫秒）和2的缩放快照。