<分区>
标签 html css refactoring
我知道您通常会重构后端代码以提高其速度、安全性或使其对接管您元素的下一个人更具可读性,但您会重构 html 和 css 吗?因为它们是标记语言,所以它看起来并不那么微不足道,除了擦掉几个字节的代码与寻找替代方案的时间投入之外似乎不值得付出努力,特别是如果你在紧迫的期限内工作。
最佳答案
有无数的东西可以提高或降低页面性能。不过,与任何优化一样,您应该从人们发现问题或减速的地方开始。
在更广泛的层面上,将有效负载减少到尽可能小的大小会产生很大的不同。这涉及 gzip、缓存和缩小。你可以重写你的代码一千次,但它可能不会比你使用 gzip 和缩小你的 CSS 小得多——但不要缩小 HTML,因为它太容易出现渲染问题。
在更精细的层面上,特定的 CSS 功能(例如调整大图像的大小和实现大量浏览器生成的渐变和阴影)会显着降低性能。如果您在滚动时注意到缓慢,那么您可能需要关注类似这样的事情。仅通过 CSS 调整一张 640x480 或更大尺寸的图像可能会导致某些浏览器的性能崩溃。
当然还有延迟。使用内容分发网络或至少高度优化的服务器将确保您的 HTML、CSS、JavaScript 和图像文件尽快交付给用户并显示。
关于html - 重构 HTML 和 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19210121/