将多页CSS组合到一个文件中

时间:2009-08-03 07:24:33

标签: html css

如果我将整个网站的所有CSS组合到一个文件中,该怎么办? 它是由浏览器缓存还是每次打开一个新页面时重新加载。 单个css文件包含不同页面的不同值。 我应该将css划分为不同的页面还是将其保存在一个文件中?

5 个答案:

答案 0 :(得分:2)

是的,文件可能更好的组合,但只有在设置了正确的标头时才会被缓存。我建议下载YSlow(或Page Speed),这是一个firebug的插件,它可以分析你的页面并显示它的速度,并提供如何改进它的建议。

http://developer.yahoo.com/yslow/

还要看一下像YUI工具包中的css缩小工具来压缩css代码以及组合文件。

http://developer.yahoo.com/yui/compressor/

答案 1 :(得分:1)

将CSS文件合并为一个可以提供更好的性能。您可以在FireFox中的FireBug(https://addons.mozilla.org/en-US/firefox/addon/1843)中进行比较。

如果您使用asp.net查看ScriptReferenceProfiler,它会显示已下载资源的列表,这些资源可以合并以提高性能:请参阅博客:http://blogs.msdn.com/mikeormond/archive/2008/06/26/asp-net-ajax-scriptreferenceprofiler.aspx

答案 2 :(得分:0)

一般来说,将CSS组合到单个文件中对于生产服务器来说是一种很好的做法。单个文件减少了所需的http请求数,在两种情况下(单个或多个文件)都将使用缓存。

对于首次访问者来说,较少的http请求的好处是最大的。

此外,您还可以减少后续页面上所需的请求数,因为文件已被缓存。 (如果当前页面上未使用的部分对您来说似乎很浪费,请将其视为预加载css)

答案 3 :(得分:0)

大多数理智的浏览器都会缓存CSS文件,因此在请求时间方面,将它们压缩成单个文件可能会有所帮助。但是,可维护性也是一个问题 - 如果您在单个文件中维护CSS代码时遇到困难,您可能仍然希望坚持使用单独的文件。

最终,这取决于你,无论感觉最好。

答案 4 :(得分:0)

拥有一个文件是件好事。请查看可能影响页面加载时间的文件大小。所有浏览器都会捕获css文件。下次它不会加载新的。

请使用yahoo info