2011-11-30 48 views
3

如果你看看波士顿地球的来源,你会看到一个链接将所有的CSS串在一起。堆叠CSS文件而不是合并它们 - 优缺点?

<link href="/css/html5reset.css,globe-globals.css,globe-masthead.css,globe-nav.css,globe-nav-menus.css,globe-saved.css,globe-main.css,globe-footer.css,globe-print.css" rel="stylesheet" media="only all"> 

我第一次看到这个。我的问题

  1. 这是一个包括CSS的好方法吗?
  2. 它是否只进行一次HTTP调用? (点击时,源代码显示为单个CSS文件)。

回答

3

,你会看到一个单独的链路串在一起,在一个所有CSS去

号我们看到的是一个URL的单个文件意味着已创建通过连接在一起的一堆文件。

这是一个包括CSS的好方法吗?

是的。有一个CSS文件意味着有一个HTTP请求来获取它。

它只是一个HTTP调用吗?

是的。

2

在生产环境中,尽可能少地使用http请求是个好习惯。由于浏览器通常会限制并发HTTP连接的数量,所以请求数量可能会影响性能,而不是内容本身的大小,因此多个请求可能会在其他人完成之前处于挂起状态。该示例向指定的url发出单个http请求,并且在服务器端应该有某种处理程序将请求的css文件连接成一个,然后将其作为响应发回。