我正在尝试将一堆CSS文件放入外部文件中,以提高页面加载速度。我没有收到任何错误,但由于缺少CSS,页面的布局已损坏。这是我在做什么。在页面标题中给出
<link rel="stylesheet" type="text/css" href="ext/css/template.css" />
<link rel="stylesheet" type="text/css" href="ext/css/tabcontent.css" />
我替换为
<link rel="stylesheet" type="text/css" href="ext/css_loader.php" />
,css_loader.php文件具有以下代码:
<?php
$css = array(
'ext/css/template.css',
'ext/css/tabcontent.css'
);
$mergeCSS = "";
foreach ($css as $css_file) { $mergeCSS .= file_get_contents($css_file); }
ob_start('ob_gzhandler');
header('Content-type: text/css');
header('Vary: Accept-Encoding');
echo ($mergeCSS);
我对javascript文件做了同样的操作,并且可以正常工作。如果我显示已加载的css,尽管它是一个很大的块,但它似乎在那里。
是否可以使用CSS文件执行此操作?如果是这样,有人可以解释为什么它不起作用吗?