html性能问题属性与css [重复]答案

【问题标题】：html performance issue attributes vs css [duplicate]html性能问题属性与css [重复]
【发布时间】：2023-03-29 01:38:01
【问题描述】：

在 html 中，在性能和页面渲染时间方面什么会更快？

1) 为标签使用标签属性（例如为表格添加边框、对齐、宽度、高度）

2) 使用 css 定义它们

谢谢。

【问题讨论】：

你真的试过了吗？
@karthikr 我不会称之为重复。 OP 询问的是height 和width 等属性，而不是style='height:...

标签： html css

【解决方案1】：

鉴于用于定义布局的标签属性已被弃用并被认为是不好的编码习惯，因此浏览器供应商正在将资源集中在提高 CSS 性能上，而不是在制作标签属性上投入任何精力，这是一个不错的选择更好。

此外，如果您在 HTML 的单独 CSS 文件中定义了布局，那么在加载多个页面时，您肯定会受益于内联样式或标签属性的性能优势，因为 CSS 文件可以被浏览器缓存并且不需要多次下载。

【讨论】：

【解决方案2】：

使用 CSS 的好处之一是将结构标记与页面的格式和分层分开。所以你应该总是使用 CSS 来格式化元素而不是属性

【讨论】：

但就速度而言，是一样的还是css让它更快？
特别是对于一个以上的页面，CSS 对 html 属性的性能是无可争议的，对于一个有几十个网页的网站，想象一下浏览器读取每个页面的格式属性 vs 浏览器读取 CSS，同样适用于一个页面如果您有重复的表格单元格的 div 样式，则页面可以说是相同的

【解决方案3】：

大多数 HTML 样式属性（style 除外）如 border 已被弃用，而且绝不是好的做法。 CSS 需要更少的代码，并且可以应用于类、id、标签等的所有元素。style 和 CSS 之间唯一的性能问题是要下载的代码量。如果您有多个使用相同样式的页面，则不需要在用户打开的第二个页面上下载 CSS，因为它已经被缓存了。

【讨论】：