0

在最近的一个基于 Web 的项目中，我必须编写大量的 css 文件（组合高达 ~40 KB）。目前我@import()在第一页的css文件中使用。喜欢：

@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 文件都会在第一次加载，并且用户在第一次登录该站点后不会有任何麻烦。在那种情况下，我的想法是否正确？

4

1 回答 1

1

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

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

这些目标将部分冲突。通常，您会有一些未在特定页面中使用的 CSS，但这没关系，因为这允许您拥有更少的文件并重用这些文件。

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

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

于 2013-08-24T15:19:21.690 回答