Реклама

PHP скрипт для оптимизации CSS Обновлено 13.03.2016

Как правило, во время разработки сайта - в файле .css образуется не мало мусора, он же идет в браузер пользователя, кушая трафик. Если мы боимся вычищать таблицу стилей и оставляем как есть - то увеличивается нагрузка на канал связи. Да, это можно посчтитать мизерным, ведь куда полезнее оптимизировать изображения, чем текстовый файл, но иногда мы забываем о мелочах! А почему бы реально - не взять и забыть?

Можно использовать простой скрипт, который будет сам делать "чистый" css-файл. Он конечно не уберет не используемые стили, однако - уберет массу лишних пробелов, переносов строк, коментариев - все что не сильно нужно пользователю.

На просторах Интернета нашел не сложный скрипт, не много его модернизировал и теперь он работает по следующей схеме:

Подключаем его как обычную таблицу стилей:

<link rel="stylesheet" href="/css.php?cache=on&amp;css={$smarty.const.MOD}" type="text/css" />

В данной строке видно, что ему передаются параметры - например cache=on - принудительное кеширование, срок кеширования задается в самом скрипте - очень полезная штука, так как кешируется файл средствами Nginx (у меня лично в RAM-памяти) что положительно сказывается на скорости отдачи, можно на время редизайна этот параметр опустить и таблица не будет кешироваться.

Второй параметр - css - подключает дополнительный файл css, если же требуется. Что это значит - как правило сайты имеют модульную структуру, часто разработчики для отдельного модуля пишут отдельный css-файл со стилями именно этого модуля. Возникает тем самым меньше путаницы в стилях. У меня прописана константа smarty (так как использую этот шаблонизатор), MOD - имя константы, в ней у меня хранится название модуля.

Для адаптации этой переменной к вашему сайту - потребуется редактировать 23-ю строку скрипта, где указывается свой путь к папке со стилями.

Так же можно и этот параметр опустить - руками прописав в скрипте пути ко всем файлам css (как изначально и было задумано автором скрипта), но я руками работать не люблю - проще автоматизировать. Так же изначально в скрипте не было кеширования.

В файл не грех запихивать css-фреймворки - Bootstrap, JQuery UI, Font Awesome и прочее.

Замечу, что как правило фреймворки с .min.css - уже оптимизированы, но я сюда их сую "для чистоты кода" страницы + кеширование + сжатие Gzip

Вложение:
Скачать файл vt2_css.php.rar
Размер 0 Bytes
Скачан 166 раз
RSS
RSS - Лента новостей
Закладки
Сообщества