html - 大型 CSS 与大型 HTML

标签 html optimization css less

是将 HTML 限制为少数类和 ID 并保持 HTML 较小的大小更好,还是改用大量嵌套 CSS 更好。

这些是我能想到的两者的优点。

使用少量嵌套 CSS 规则的优点:

  • 较小的 CSS 文件
  • 有效定位 CSS 中的元素
  • CSS 中的渲染时间可能会更快(对此不确定)

使用大量嵌套 CSS 规则的优点:

  • 整个网站的 HTML 尺寸较小
  • CSS 被缓存
  • 更好地组织代码(我正在使用 LESS)

谢谢。

最佳答案

我每天都会争论大型 CSS 而不是大型 HTML。您的 CSS 将被缓存,因此您的页面将以更小的 HTML 加载得更快。更多的类确实意味着更多的灵 active ,但是您会惊讶于使用 CSS 选择器可以完成多少工作。我唯一一次看到将 HTML 扩充为有用的东西是为了 SEO;见microformats举例说明我的意思。

准确性不应该是一个问题(即使你考虑到人为错误,你也应该能够立即发现你的错误)。就速度而言,我怀疑它对性能有影响。请记住,所有渲染都是在客户端完成的,因此您无需担心服务器会因为更复杂的 CSS 选择器而做更多的工作。

关于html - 大型 CSS 与大型 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11149491/

相关文章:

html - 即使在调整窗口大小时,也始终使 3 列文本在同一高度或同一行对齐

javascript - 在 div 中包围希伯来语和英语文本

javascript - 在html div中的方 block 之间留出空间?

javascript - 单击时用JQuery水平滑出内容,再次单击关闭?

html - 如何使 parent 高度与 child 相关,但当 child 高度增加时也不增加 parent 高度

python - 优化Python代码

http - 对别名域的请求是否会被浏览器缓存?

mysql - MySQL View 的优化

javascript - 隐藏第二个播放/暂停按钮

javascript - Jquery 在悬停时淡出 <IMAGE 背景>?