php - 如何加快引导工具提示

Question

我有一张每 60 秒动态重新加载的表。这使数据保持最新。我正在使用这里的脚本 - http://www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/

在有大约 15 条记录的页面上，Twitter Bootstrap 工具提示运行良好，速度很快，而且看起来很棒。

然而，在另一页上，我有 400 多条记录。每条记录都有一个悬停工具提示，显示数据库中有关该记录的信息。该信息已经输出到标题标签，但是当它悬停时，它需要超过一秒钟才能出现，这使得整个页面看起来很迟钝。

我认为这是由于使用了实时的“Rel”标签和 twitter javascript（持续更新），因此减慢了它的速度。但我不确定。

有什么办法可以解决这个问题.....还是我最好尝试制作一个分页表，每次单击下一步时都会加载下一页？

score 2 · Accepted Answer

期望某人在 60 秒内遍历 400 条记录是很多的。在没有实际看到任何实际 html 的情况下，提出建议有点困难，但这里有三个：

请改用 title 属性 - 请参阅Title 属性。这意味着您正在使用内置浏览器代码而不是 Bootstrap 呈现工具提示。
为每一行显示一个主题/内容片段，而不仅仅是主题，即将内容的初始部分放在实际主题之后的可用空间中。如今，大多数人都拥有大型显示器，并且通过响应式设计，您可以在主题之后显示大量内容。
正如你所说，使用分页。Bootstrap 提供了一个，但它需要您进行接线。

score 0 · Accepted Answer

这与浏览器和系统的性能有很大关系。显示 400 条记录live()有点疯狂。浏览器肯定会崩溃。相反，你可以做一件事。只使用pagination和显示一个小的子集。此外，用户会发现难以导航和搜索。

另一种方法是使用数据表。加载完整的内容，table不要担心任何事情。数据表将负责其余的工作。分页和搜索是这方面的好功能。

如果您看到这一点，从搜索、排序、提供工具提示的所有内容都在客户端完成，并且使用最少的数据集。因此，浏览器上的有效负载会更少，用户会看到他们只需要的部分。

2 回答 2