CSS中的@import会导致额外的http请求吗?

Mo *_*oho 12 css

我有一个电子商务网站,其中有大约8个CSS文件从标题链接 - 导致8个单独的http请求到服务器.我将所有CSS文件合并为一个大文件,产生一个67kb(!)文件 - 将我们的css文件的http请求减少到1.

我发现这个大小的CSS文件有点难以管理,因为我不断在网站上进行更新.我担心的是我的用户可能会在更新过程中看到我并在页面移动时看到非样式页面 - b/c 67kb仍需要2-3秒才能通过FTP成功放置在远程服务器上.

我的问题是:在这个大型CSS文件中使用@import将文件分解成更小的更易于管理的大小(在CSS文件中)是否会在加载页面时将我们带回原来的8个http请求?或者CSS中的@imports以某种方式处理不同?

Cor*_*nie 13

是的,在使用@import时,您将返回每个样式表的请求.

最好的办法是将css缩小并整合到一个文件中进行部署.但您仍然可以使用单独的文件进行开发.