html - 重构 HTML 和 CSS

Question

我知道您通常会为后端重构代码以提高其速度、安全性或使其对接管您项目的下一个人更具可读性，但是您是否重构 html 和 css？由于它们是标记语言，因此看起来并不那么简单，除了擦除代码的几个字节与寻找替代品的时间输入之外似乎不值得付出努力，特别是如果您在紧迫的期限内工作。

Answer 1

有无数的事情可以提高或降低页面性能。就像任何优化一样，你应该从人们看到问题或减速的地方开始。

在更广泛的层面上，将有效载荷减少到尽可能小的尺寸会产生很大的不同。这涉及 gzip、缓存和缩小。你可以重写你的代码一千次，但它最终可能不会比你使用 gzip 并缩小你的 CSS 小得多——但不要缩小 HTML，因为它太容易出现渲染问题。

在更精细的层面上，特定的 CSS 功能（例如调整大图像大小和实现大量浏览器生成的渐变和阴影）会显着降低性能。如果您在滚动时注意到缓慢，那么您可能需要关注这样的事情。只有一张 640x480 或更大的图像被 CSS 调整大小可能会导致某些浏览器的性能崩溃。

然后当然有延迟。使用内容分发网络或至少高度优化的服务器将确保您的 HTML、CSS、JavaScript 和图像文件尽快交付给用户并显示。