标签之间有性能差异吗?
比如我(形象地)有10000个词的数据,每个词都需要用标签包裹,
如果样式相同,选择标签会影响性能吗?
<ul class="list">
<li class="item">some item</li>
<li class="item">some item</li>
<li class="item">some item</li>
</ul>
VS
<div class="list">
<div class="item">some item</div>
<div class="item">some item</div>
<div class="item">some item</div>
</div>
(问题不是专门针对这些 ( div, li) 标签,而是关于一般标签)
对于浏览器,单词包含在什么标签中或其他任何东西都没有任何区别。
这些标签的数量会影响性能。谷歌浏览器建议在理想情况下每页不超过 1500 个标签,在最坏情况下不超过 3000 个。如果页面上有超过 3000 个标签,Google Page Insights就会发誓。
在大多数情况下,css 会影响性能。最好不要制作很多选择器,也不要创建特定的选择器。您还需要注意 css 动画也会大量加载页面。您可以在此处阅读有关 CSS 性能的信息。
好吧,加载页面的主要内容是 JavaScript。
此外,您永远不应该进行过早的优化。