Question

在最近的一个基于Web的项目中，我不得不写一个大量的css文件（组合最多约40 KB）。目前我在第一页的css文件中使用@import()。像：

@import url("reset.css");
@import url("input.css");
@import url("img.css");
@import url("menu.css");
@import url("home.css");
@import url("about.css");
@import url("detail.css");
@import url("contact.css");
@import url("solutions.css");
@import url("notices.css");
@import url("general.css");

现在有大量用户使用非常慢的互联网连接（4~5 KBPS）。那么使用<link rel="stylesheet" type="text/css" href="cssFile.css">会更好吗？但根据我的PHP编码，我至少需要@import前四个文件！希望有更好的解决方案。

另一个与此相关的问题，浏览器是否一直缓存css文件？如果是这样，那么我第一次加载所有的css文件，用户在第一次登录网站后就没有麻烦了。在这种情况下我是否正确思考？

Answer 1

要优化速度，您应该尝试：

拥有尽可能少的CSS文件
仅加载每个页面所需的CSS
在不同页面中重用CSS文件

这些目标将部分冲突。通常情况下，您将拥有一些未在特定页面中使用的CSS，但这样就可以了，因为这样可以减少文件数量并重复使用文件。

“浏览器是否一直缓存css文件？”

是的，他们通常会这样做。让浏览器下载新版本的CSS文件是一个实际问题。

CSS：什么是更好的做法？一次导入所有内容或每个html逐个链接？

1 个答案: