html - 最佳 CSS 实践和通用编码

Question

我正在寻找一个网站的代码(我是新手)并且想知道什么是我的 CSS 的最佳实践(我使用的是 CSS3 和 HTML5)？

我希望在我的网站上达到最佳性能并提高访问者的浏览体验/满意度。我最初是一名系统管理员，已经设置了一个运行 Nginx + Google PageSpeed 模块的网络服务器，这让我在 metrix 上获得了非常好的结果，但我想超越它。

所以我想知道:

我有 6 个页面，每个页面都有一个用于页眉、正文、页脚等的通用“css base”...但是每个页面都有自己的目的和“内容布局”:博客、文章、画廊...

因此，你认为我应该:

1. 为每个页面创建不同的 .css 文件？ > 喜欢 index.css； page1.css

2. 为每种屏幕尺寸创建不同的 .css 文件？

3. 或者像大多数网络开发者那样简单地合并所有内容并缩小 duncareaboutperfs.min.css？

在此先感谢帮助我!

Answer 1

这是一个很好的问题，有很多答案。根据我的经验，在大多数情况下，最好将 css 组合在一个文件中(单个下载缓存)，并让 Nginx 或 Apache 进行压缩。

缩小只减少了几个 % 的 css，代价是可读代码。如果您不太可能在上线后修改 CSS，或者如果您愿意在版本控制方面格外小心，那就去做吧。

此外，根据您的描述，我强烈建议您使用 CSS 框架，例如 Skeleton ... http://www.getskeleton.com ...其中包含所有正确的重置和“响应式布局”技术，使编码网站成为一种乐趣。