屏幕外元素的性能影响

Question

在我正在执行的单页应用中，某些页面会缓存并从视口移出到屏幕底部。

这些页面位于视口的正下方，并且没有像display：none附加的属性，因为隐藏它们需要更多的工作。

如果视口外有复杂的元素且未设置为display：none，那么这会对应用产生性能影响吗？

Answer 1

是的我相信。特别是如果你用javascript创建这些元素。您希望尽可能减少DOM“交互”。即使你没有在javascript中创建这些，很明显，如果要加载更多数据，加载页面需要更长时间。虽然在视口外创建的数据与在视口内创建的数据无关;它仍然是正在创建的数据。