什么html元素最容易呈现

Question

我正在用jQuery和HTML做一个小游戏。基本上我的问题是，当我在页面上有太多的元素（500 + div）时，它会降低游戏的帧率。我的问题是哪些元素最容易呈现有什么不同，它需要用CSS来设置样式。我目前使用的是div，我尝试过段落标签，但没有明显的区别。

Answer 1

  

我目前使用的是div，我尝试了段落标签，但没有   可见的差异。

HTML元素语义。这意味着你不应该选择一个或另一个，因为主要浏览器默认提供它们的样式。

事实上，假设它们具有相同的CSS样式，几乎所有元素的行为都相同并且需要花费相同的时间进行渲染。

只有部分元素有不同的行为：<video>，<canvas>，<a>，...

然后，如果你想获得表现：

• 优化您的CSS，与其应用的元素无关。
  • 优化选择器，例如避免*
  • 某些CSS3属性（例如border-radius）很贵
• 优化您的JS代码，特别是减少DOM交互
• 考虑使用画布而不是许多元素。

Answer 2

我认为这里的问题不是哪个元素最容易渲染，而是每个元素的样式和显示方式。您可以显示强标记并充当div标记，反之亦然，因此更改元素名称对此无效。

对于某些浏览器/计算机组合，500个元素将非常密集，您是否使用canvas元素查看了其他解决方案？你只限于HTML5，所以，不是真的适用于旧浏览器，但它可能值得考虑，但你可以通过这种方式从更现代的浏览器中获得更多。

希望这有助于：）

Answer 3

每个元素都有自己的目的。如何使用<p>代码代替<div>代码？

所有元素的渲染时间大致相同，只有少数例外情况，例如<video>标记。

增加/减少速度的是与元素关联的CSS和JS的数量。

<强>解

  

它会稍微降低游戏的帧率

尝试清除浏览器的缓存。如果可能，请compress您的代码，以便浏览器花费更少的时间来理解它。