代码之家  ›  专栏  ›  技术社区  ›  phuang07

哪些CSS规则呈现得更快?

  •  1
  • phuang07  · 技术社区  · 14 年前

    我想知道下面的CSS规则中哪一个渲染得更快:

    #avriable_info table td {width: 250px; font-size: 13px;}
    

    #avriable_info table td {
        width: 250px; 
        font-size: 13px;
    }
    
    3 回复  |  直到 14 年前
        1
  •  7
  •   Joshua    14 年前

    任何一个渲染都不会比另一个更快,因为大多数解析器在解析之前都会规范化一个文件。例如清除空白和新行等。

    现在,如果有一个巨大的文件没有跨线gzip,那么第一个文件将 下载 对客户端的速度比第二个更快,这将允许浏览器在更大、更慢的客户端之前开始呈现它。

        2
  •  5
  •   Dan Puzey    14 年前

    两者都不会有明显的区别。在你的CSS中,有几行新行可以使渲染的CPU指令不同。

    也许如果你有一百万行的CSS,你可能会注意到一毫秒的差异,但如果你优化了那么多(尤其是在网页上!)您需要担心的问题要严重得多(而且它们与代码无关!;-)

        3
  •  3
  •   Scharrels    14 年前

    区别在于两个换行符。通过解析文件消除了这种差异,与CSS的解析时间相比,这种差异是不明显的。