1

是否可以通过一个 http 请求在标头标签中添加多个 css 以一次执行所有 css 文件？

我知道

@import url('/css/typography.css');
@import url('/css/layout.css');
@import url('/css/color.css');

我们可以做类似的事情或任何其他解决方案来减少http requests

<link rel='stylesheet' href='/css/typography.css,layout.css,color.css'>
4

4 回答 4

1

不，但是您可以将所有样式表合并到一张表中，然后像这样导入：

<link rel='stylesheet' href='/css/main.css'>
于 2013-08-16T08:22:10.813 回答
0

捆绑您的 CSS 文件以用于生产并缩小 ofc。

http://www.sitepoint.com/faster-page-loads-bundle-your-css-and-javascript/

于 2013-08-16T08:22:30.640 回答
0

是的，您可以使用 ASP.NET MVC 捆绑和缩小功能。您可以像这样创建一个捆绑包：

bundles.Add(new StyleBundle("~/Content/customcss").Include(
      "~/Content/css/typography.css",
      "~/Content/css/layout.css",
      "~/Content/css/color.css"));

你可以像这样渲染它（在 Razor 视图中）：

@Styles.Render("~/Content/customcss")

在 Release 编译模式下，你的 bundle 将被自动合并和缩小，但你也可以在 Debug 模式下手动设置标志：

BundleTable.EnableOptimizations = true;

请参阅此内容以供参考。

于 2013-08-16T08:28:26.280 回答
0

是的你可以？使用 apache/nginx MODPAGESPEED https://www.modpagespeed.com/

<head>
<link rel="stylesheet" type="text/css" href="styles/yellow.css">
<link rel="stylesheet" type="text/css" href="styles/blue.css">
<link rel="stylesheet" type="text/css" href="styles/big.css">
<link rel="stylesheet" type="text/css" href="styles/bold.css">
</head>

可以变成

<head>
<link rel="stylesheet" type="text/css" href="styles/yellow.css+blue.css+big.css+bold.css.pagespeed.cc.xo4He3_gYf.css">
</head>

免责声明：Apache PageSpeed 是由 Apache 孵化器赞助的 Apache 软件基金会 (ASF) 正在孵化的一项成果。

于 2019-05-23T00:36:08.683 回答