例如,如果我有一个<div>样式:

position: absolute; width: 100px; height: 100px; left: -10000px; top: -10000px;


当重新绘制视口时,是否由于div在DOM中的存在而造成一些时间损失?

注意:<div>具有visibility: visible and display: block

最佳答案

简单的答案-是的。

即使您看不到它,也仍然必须按照您所说的将其渲染到DOM中。

人们经常这样做,然后制作一些精美的动画以使其可见。要问的是,在一次命中中呈现整个DOM之间是否存在区别,还是在使用AJAX请求时通过呈现每个位来节省时间?

这取决于您“隐藏”部分中内容的复杂性...

编辑:尝试使用Fiddler:http://www.telerik.com/fiddler:这将使您看到花时间在页面上加载...

关于html - 绝对位于视口(viewport)区域外部的HTML元素是否会影响重绘的性能?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27109174/

10-17 02:27