内联SVG中多边形的悬停title提示显示延迟，如何加快显示速度？

• 浏览器原生渲染的<title>触发的悬停提示（即系统默认tooltip），其显示延迟由浏览器底层固定逻辑决定，没有公开Web API可直接调整该延迟参数，无论是HTML元素的title属性还是SVG内嵌的<title>元素，触发的都是这套统一的原生提示机制，延迟时长通常在300-1000ms区间，不同浏览器各有固定策略，无法通过常规代码调快。
• 不需要为了缩短延迟改用图像映射（image map）方案：图像映射的热点元素同样依赖原生title属性触发提示，走的是完全相同的浏览器原生tooltip逻辑，延迟问题不会有任何改善。

• 完全弃用浏览器原生title的视觉提示作用，改用自定义DOM浮层实现无延迟的悬停提示，这套方案完全适配现有内联SVG的结构：
  • 保留每个多边形节点下的<title>元素，满足无障碍读屏器的识别需求，同时把提示文本同步存在对应多边形的自定义属性（比如data-tip="Washington"）上，不影响现有多边形生成逻辑
  • 给所有带提示内容的多边形节点绑定mouseenter、mousemove、mouseleave三个原生监听事件
  • 鼠标触发mouseenter时，立即在光标相对位置展示预先创建好的自定义提示浮层，把data-tip里存储的文本填充到浮层中，完全跳过浏览器原生提示的延迟等待
  • 可根据需求自由调整浮层的位置、外观、过渡动画，不需要受浏览器原生样式的限制

• 无法通过优化SVG渲染性能、调整DOM节点数量缩短原生提示的延迟：这个延迟是浏览器在交互层内置的固定等待逻辑，和页面渲染速度、元素数量无关，哪怕页面只有单个带title的多边形元素，原生提示的等待时长依然不会变化。
• 图像映射方案相比内联SVG没有交互层面的优势：本质都是靠DOM元素的事件触发交互，底层调用的原生提示逻辑完全一致，切换方案无法解决当前的延迟问题。

内容的提问来源于stack exchange，提问作者Pierre