Новая тема   Ответить

 alligator
есть сайт и к нему css но css на 3500 строк. Как убрать лишнее, что не задействовано? Руками не предлагать

 Lexikon
Как то странно, а этот css, он что не для этого сайта писался что ли ??? В чем идея то? Если в html коде не задействованы все стили, то как по мне, выписать имена всех стилей отдельно и потом по названию с помощью поиска выдрать их из css. Другого более быстрого способа не вижу. Даже програмно если что то писать, нужен алгоритм, а это значит нужно знать, что удалять, а что нет.

 FXIX
пускаешь паука на сайт. он проходит все страницы. из всех html-тегов парсит содержимое параметров class и id. потом этот массив запускаешь в css-файл. выпарсить блоки где есть такие class и id. вернее...удалить все блоки которые имеют в наличии классы\иды которых нет в массиве. но не трогать блоки в которых есть классы\иды которые есть в массиве и классы\иды которых нет в массивет. но не удалять блоки у одиночных тегов. и одиночных тегов перечисленных через запятую.

если ты не сможешь написать css-бьютифуллер руками, то остается только руками

 Vyacheslav
Если на сайте есть аякс, то подобным способом можно удалить и нужные (якобы не задействованые) селекторы, которые просыпаются только с использованием JavaScript.
Если подобного на сайте нет, то кажись был специальный плагин под FF. Там иконка ещё как помню была в виде метлы.

 pierx
Вот метелка https://addons.mozilla.org/ru/firefox/addon/dust-me-selectors/
https://addons.mozilla.org/ru/firefox/addon/css-usage/ глянь, вроде из этой области

Был еще http://services.immike.net/css-checker/ но не пашет вроде

 Artist®
прежде чем чистить принимай во внимание то что может быть на одной странице эти "ненужные" селекторы не задействованы а на другой они нужны...

а то мне тут один помощник уже так начистил.

 alligator
pierx писал:

там есть кнопка чтоб удалить всё ненужное? если нет всё равно спасибо !!!

 FXIX
Vyacheslav писал:
ну тогда парсер по папке сайта и по базе.

ТС ты хотя бы селекторы собери. потом проще будет. только перед тем как css трогать - нормализуй и валидируй его.

 alligator
всё гораздо проще, нет никаких скриптов.

просто выгрузить бы както с фаербага только то что зелёным.

 FXIX
ну если проще то ок. напиши потом решение

 kodek
Без парсера сайта по-любому не обойтись. Как правильно заметили - на одной странице не используется код, а на другой заюзан. Если такой софт есть готовый - я бы тоже с удовольствием взял, но - не встречал, к сожалению.

 pierx
Без парсера конечно не обойтись - но вы о метелке (Dust-Me Selectors) читали что-нибудь? Цитата:
Про CSS Usage - дополнении к Firebug, что я привел ко второй ссылке тоже написано, что появился автоскан (хз что значит в их понимании, не юзал)

Они конечно не дадут 100% гарантии (их может дать или разработчики или господь бог), но в случае с несложными сайтами, сайтами с безаяксовыми технологиями, сайтами с хорошими сайтмапами, и, может быть - анализ цсс кода сразу обоими расширениями, дадут результат. Жаль сайт по 3й ссылке не работает - там раньше тоже анализатор с пауком был.

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

ЗЫ. Еще у меня в заметках http://habrahabr.ru/blogs/css/116880/ - CSS Optimizer - по описанию не тупая сжималка CSS, не юзал.

 alligator
метёлка помогла

 Stek
У тебя скорее всего какой нибудь css framework . Такое только сжать, чистить же не советую. А вообще еще вэб сервер должен css в сжатом виде отдавать, так что не так страшно.

 idk2045
Stek писал:
плюс адын, обычно такие проблемы высосаны из пальца. ну разве эту часть просто вырвали откуда-то и планируется ее расширять самостоятельно.

 alligator
А в хроме есть подобная метёлка? + десять если есть

 pierx
Хз
Для оперы есть - вот страница автора http://www.brothercake.com/site/portfolio/tools/dustmeselectors/