В этой статье мы опишем способ комбинирования множества таблиц стилей CSS в один, сжатый файл. Это позволит быстрее загружаться сайту в целом, что повысит как лояльность пользователей, так и поисковых систем.
В папке с таблицами стилей CSS создаем пустой PHP-файл с именем “css.php” и добавляем в него следующий код:
<?php // сжимаем и склеиваем файлы CSS
header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer);
return $buffer;
}
include('reset.css');
include('base.css');
include('grid.css');
include('print.css');
ob_end_flush();
?>
Затем загружаем этот файл на сервер и делаем ссылку на него в секции < head > ваших страниц сайта (или же просто, единожды в файл header.php вашего шаблона WordPress):
<link rel='stylesheet' href='http://example.com/css/css.php' type='text/css' media='all'>
Готово 🙂
