html - 大型 HTML 表格或用于更快页面加载的元素

Question

我在一个大约有 2,500 行的网页上有一个 HTML 表格。使用标准 HTML 元素 -th, tr, td交替行颜色更改以提高可读性。

但是，由于表很大（约 2,500 行），它在浏览器中的加载似乎很慢。

如果我从 HTML 表格切换到<p>每行的元素，页面加载速度会提高吗？

我做了以下测试：

构建了两个具有完全相同数据的测试页面，并在一个中使用 HTML 表格，<p>在另一个中使用元素。然后，我使用 Google Dev PageSpeed 工具（https://developers.google.com/speed/pagespeed/insights/）测试了这两个版本

不幸的是，在 PageSpeed 工具上的得分没有观察到大的差异。我怀疑该测试是否与 HTML 模式一样现实，可能需要考虑其他几个未知因素才能得出测试结果。

关于从 HTML 表格（th, tr, td标签）切换到<p>显示每一行的标签是否会提高页面加载速度的任何输入？或任何其他改善页面加载时间的想法？

我不想使用 javascript，因为它会进一步减慢它的速度。只有 HTML 标签。

标签： html

Answer 1

最好的方法是使用 Ajax 并部分加载数据。此外，您可以使用此资源制作 ajax 数据表： Ajax sourced data