Комбинируем и сжимаем файлы CSS с помощью PHP

В этой статье мы опишем способ комбинирования множества таблиц стилей 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'>

Готово :)

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top