Sil*_*ian 7 css project-organization organization
我最近偶然发现了一个项目,该项目有27个不同的CSS文件被同一主题使用,它们是针对应用程序中的特定部分,规则分割如下:菜单栏有一个CSS文件,联系表单还有两个文件,另一个一个是页脚,特定页面格式,还有两个用于画廊,等等.
所以我问到了这么多CSS文件的原因是什么,以及连接是否安全.
他的回答是所有文件总和为126KB,带宽很重要,并且有500多个CSS规则,因此最好不要连接以防止选择器冲突.
我知道126KB的未压缩CSS文件是非常多的,但我也知道(从最佳实践指南)所有这些文件应该单击下载,因此浏览器将缓存一个biggie而不是在浏览中逐个下载它们会话.
为什么我不能让自己不要把所有这些文件粘在一起？这是一个大问题吗？
由于级联的工作原理,只要将文件连接在一起,就没有可能造成伤害的方法,只要你按照它们在源中出现的顺序保存它们.这将确保覆盖先前文件的后续文件仍然会这样做.
然后,您可以考虑缩小CSS.这不会改变选择器的功能,但会压缩它们以减少带宽.
总而言之,拥有27个CSS文件只是愚蠢的.用户必须等待建立27个连接,发出请求以及完成下载,才能看到该页面.现在,通过适当的缓存,这确实有所改善,但即便如此......