Компрессия CSS таблиц средствами PHP Опции

[DjSalamander]

Люблю лазить по инету в пойсках интересных скриптов и статьей, вот нашел еше одну фишку, интересует мнение спецов

Компрессия CSS таблиц является отличным способом немного повысить скорость загрузки вашей страницы, особенно на сайтах с большими, порядка 1000 линий кода и более.

Существует достаточно способов сжатия таблиц стилей, однако последующее обслуживания и модификация будет весьма затруднительна.

Для решения этой проблемы предлагаю PHP который Вы можете всклочить в свои CSS таблицы стилей, который автоматически будет обрабатывать сжатие.

Как это работает:
1 – Браузер пользователя запрашивает таблицу стилей.
2 – Сервер на котором расположен наш сайт сжимает таблицу стилей, используя PHP.
3 – Таблица стилей передается браузеру пользователя.

Все это происходит автоматически без участия пользователя и позволяет в дальнейшем поддерживать и обновлять CSS таблицы.

Прежде всего необходимо добавить этот код в самый верх вашего файла CSS стилей.

КОД

<?php
header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
  // Убираем комментарии
  $buffer = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $buffer);
  // Убираем пробелы, переносы на следующую строку, табуляцию...
  $buffer = str_replace(array("rn", "r", "n", "t", '  ', '    ', '    '), '', $buffer);
  return $buffer;
}
?>

Первая линия дает знать браузеру, что это - таблица стилей CSS. Затем запускается “компрессия” и удаляет все комментарии, пробелы, переносы на следующую строку, табуляцию…. .

Затем добавляем этот код в самый низ таблица стилей CSS.

КОД

<?php ob_end_flush();?>

Тем самым мы прекращаем выполнять функцию “компресса” и передаем сжатую таблицу.

Чтобы заставить все это работать, Вы должны “сказать серверу” разбирать код PHP в Вашей таблице стилей. Сделать это можно разместив в каталоге, с таблицами CSS файл .htaccess содержищий следующее.

КОД

<Files style.css>
SetHandler  application/x-httpd-php
</Files>

В данном примере указан файл style.css, если у вас иное название, то его необходимо изменить.

WEB Портфолио Тараса


Что скажите, умные головы? (IMG:http://antislaed.net/style_emoticons/default/smile.gif) (IMG:http://antislaed.net/style_emoticons/default/smile.gif) (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

[rAmantiK]

Неа нето это. Это жалкое подобие компрессора.
(Удаляет только переносы, пробелы и коменты)
Есть сайты в которые загоняешь свой css и они пережимают тебе его на много качественней.
Но потом уже реально разобраться в CSS трудней.
Лучше делать на законченных проектах.

Вот тут к примеру статья по сокращениям CSS в ручную.
а тут куча сервисов сжатия CSS с описаниями

Сообщение отредактировал rAmantiK: Mar 24 2010, 11:34

[DjSalamander]

Cпасибо, пригодится, ну и зарас вопрос, как в наш трикер правильно вписать указание на ЦСС

КОД

<?php
if (!defined("BLOCK_FILE")) {
    Header("Location: ../index.php");
    exit;
}

$content = "<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=3 direction=left width=\"100%\" height=20>";
$fp = file("tricker.txt");
for($i = 0; $i <sizeof($fp);$i++){
$content .= $fp[$i];
}
$content .= "</MARQUEE>";
    
?>

Вот сюда, с HTML Я еще бы разобрался, а вот с PHP беда (IMG:http://antislaed.net/style_emoticons/default/biggrin.gif)

Вот это надо прикрутить:

КОД

<table width="580px" height="20px" border="3" bordercolor="blue" style="border-collapse:collapse;" background="images/newsfon.jpg"><tr><td> Content- Здесь идут заголовки новостей </tr></td></table>

[rAmantiK]

ответил в теме про трикер

[DjSalamander]

Вот тут к примеру статья по сокращениям CSS в ручную.
а тут куча сервисов сжатия CSS с описаниями

хорошие ресурсы, все это пригодитя, спаибо за ссылки (IMG:http://antislaed.net/style_emoticons/default/smile.gif)