在影响性能之前，一个HTML文档中需要多少个div标签？在这种情况下，标签不是嵌套的，每个标签内的内容都是最小的（背景颜色/图像）。
这个问题是对前一个问题的后续跟进; Drawing lines with clickable points using JavaScript
在这里，我决定使用HTML和CSS。
<div>代码的宽度至少为4像素，总宽度为400-800像素，因此100-200 div标签。
最重要的是，这些图表/时间线中将有五个或六个堆叠在一起。然后div标签的数量在500-1200之间。
同样，由于每个内容都很少，这对性能有何影响？
_L
答案 0 :(得分：10)
测试并找出答案。通过渲染引擎来回答这种情况会有很大的不同。
答案 1 :(得分：2)
div的实际显示大小对性能没有明显影响。在将数据传输到浏览器以及渲染所有元素时，大多数性能都会丢失。幸运的是，它应该是性能的相对线性下降，而不是快速级联的东西。
实际限制并不是具体而言，更多的是人的计算机和浏览器以及连接的权力问题。毋庸置疑，你可以在不造成重大问题的情况下变得非常大。
答案 2 :(得分：2)
虽然标记计数在渲染html时肯定会产生影响，但您必须进行基准测试才能确定时间是否可以接受。
我担心的是你可能尝试遍历DOM的javascript函数。查看所有这些元素对客户来说可能是一项代价高昂的操作。虽然再次适当的基准测试无法取代。
答案 3 :(得分：1)
答案取决于很多的东西。每个div标签对性能影响很小。性能开始迅速降低的转折点取决于浏览器和查看页面的计算机。
您对影响这些样式的CSS规则也很重要。相对而言，一些CSS选择器执行速度快，有些执行速度慢。如果您定义了一些缓慢的CSS选择器，那么如果您不使用CSS或仅使用快速CSS选择器，那么您的临界点会更早出现。谷歌的PageSpeed插件可以让你深入了解你是否使用慢速CSS选择器。
此外，如果你正在做一些像将它们设置为粒子系统那样的事情，你的引爆点会更快。
答案 4 :(得分：0)
如果有类似<font>标签的内容，答案似乎就是数百万！查看：http://www.fujinonbinos.com/（做一个查看来源 - 认真！）
但是，严肃地说，将事情保持在最低限度对于可读性（代码维护）和速度来说总是很好的做法。但是，除非其荒谬，否则不太可能产生严重影响。即使上面的例子也不是那么慢！