曾几何时,我被更高级的Web开发人员认为(哎呀,什么时候再次？;))我们应该避免管理多个CSS文件并坚持每个项目一个.在处理大量重叠的CSS规则时,它有助于提高页面加载速度并避免愚蠢的错误.
我的问题是 - 这种方法仍然有效吗？
关于页面加载性能的争论现在似乎并没有那么多,因为令人敬畏的宽带互联网和巧妙的网络浏览器具有更强大的缓存功能.CSS级联确实容易出错,但仅适用于没有经验的开发人员,并且有一个CSS样式表并不能真正让我们防弹.
我认为我更喜欢将一组默认样式表整齐地分隔成组件,然后通过CSS将它们连接成一个单独的规则@import.这也允许我默认包含重置样式表.
有谁和我在一起？
这不是带宽速度,而是http请求的数量,这对移动连接很有意义.
但是,使用不同的css文件来保持项目模块化的方法是可靠的,因为它可以帮助您按照自己的方式保持css的组织,而不必将所有代码都放在一个文件中.然后,您可以从css预处理器/ minifiers中受益,将所有css文件连接并压缩到一个文件中进行生产.
这篇文章http://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/
有一个关于移动的段落,这解释了为什么这是一个很好的做法:
你最好在最初的热身连接上一次性下载所有的CSS内容.通过这样做,您还可以帮助用户延长电池寿命.如果在这里有一个优化,那么它只是:连接和压缩.