【问题标题】:do off screen html elements still get rendered by the browser屏幕外的 html 元素仍然被浏览器渲染
【发布时间】:2012-06-28 09:00:36
【问题描述】:

我的 body 标记填充了浏览器窗口,它有一组 div 元素,我将其称为屏幕。一次只显示一个屏幕,填充 body 标签,其他屏幕位于浏览器视图端口的边缘。我想知道是否应该将它们设置为display:none; 以保存浏览器进行渲染它们的任何工作。或者浏览器是否已经知道它们已离开屏幕并让它们静待它们重新打开?

【问题讨论】:

  • 我说用display: none,浏览器会渲染所有元素
  • 即使您将元素设置为display:none。浏览器知道屏幕外有一个元素并且仍然呈现它。如果元素包含在您的 html 文件中,则无法保存浏览器执行任何工作。
  • 必须在浏览器知道它们离开屏幕之前渲染它们。 :x

标签: html browser rendering


【解决方案1】:

link 表明display:none 元素不会插入到渲染树中,因此可以通过将屏幕元素设置为display:none 来获得性能提升。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-13
    • 1970-01-01
    • 1970-01-01
    • 2014-04-13
    • 2010-12-25
    • 1970-01-01
    相关资源
    最近更新 更多