长工具提示会影响网页性能吗

Question

在我的网页中有一个表格，每页有 1000 行（分页）。我需要为每一行提供一个工具提示（大约 500 个字符）。我为工具提示使用 span、title 属性。

长工具提示会影响 DOM 性能吗？

Answer 1

长的操作系统原生工具提示不应影响 DOM 性能，因为它们是浏览器应用程序的一部分，而不是页面的渲染管道。它们可能会影响操作系统的性能，但除了最旧的机器之外，这在所有机器上都不太可能发生。

话虽如此，依赖title 是不明智并且不是现代网络的可行策略。这有很多原因，但这里有一些重要的原因：

1. 用户阅读所需的时间 一个 500 个字符的工具提示将大大超过它所花费的时间 需要创建一个 DOM 元素。如果您担心制作大型 工具提示的数量，只需创建 一个元素 来改变其绝对位置和 内容根据需要。有JavaScript libraries 会为你做这件事。
2. 工具提示行为会有所不同。一些浏览器一次性显示工具提示
   线。其他人根据它与边缘的接近程度来调整工具提示的大小 的屏幕。所有浏览器都限制了工具提示的长度 文本，但这不是标准化的，可能会有所不同。
3. 最后，也是最该死的，title 工具提示根本不会出现 在移动设备、某些屏幕阅读器和导航用户上 用键盘，因为他们不能使用鼠标。几乎普遍的共识^[1][2][3]标题属性对可访问性有害。

长话短说，您可能从使用桌面浏览器的原生工具提示功能中获得的微不足道的性能优势被实用性、一致性和可访问性方面的无数问题有效地抵消了，从长远来看，这种方法会给您带来影响。

---

^{[1]The A11Y Project - How-to: Use title attributes}

^{[2]David Ball - I thought title text improved accessibility. I was wrong.}

^{[3]Yoast - Why you shouldn’t rely on the title attribute}