关于内联v。内部v。外部CSS,我了解缓存问题,以及较大文件的多次下载和单次下载之间的权衡。我想知道的是,根据放置CSS的三个位置,渲染速度如何变化。

换句话说,花最少的时间实际绘制页面?我认为external是最慢的,因为即使将其缓存,浏览器仍然必须检索规则,解析它们并将它们应用于当前元素。我还假定内部(在页面中但在样式标签内部)将是第二慢的,因为仍然存在解析规则并确定将哪些规则应用于哪些元素的过程。而且我认为内联(直接通过style属性应用)是最快的,因为浏览器可以跳过将规则与元素匹配的过程。

有人曾经深入研究过吗?我知道在具有复杂CSS的大页面上出现了一些渲染问题,这些问题只能通过内联解决。 (请不要讲授有关复杂CSS的大页面的弊端。)

最佳答案

无论哪种方式,一旦实际的规则文本被加载,它就会通过相同的CSS解析器运行-外部v.s不会有不同的解析器。内部CSS。都是css。外部应用可能会稍慢一些,因为它需要一个额外的HTTP请求来获取该文件,但是一旦将其传输到主机浏览器中,它的解析速度就像在物理上嵌入相同的规则一样内联<style>块。

关于css - 应用内联v。内部v。外部CSS时,浏览器速度如何变化?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9302317/

10-12 12:50
查看更多