MaxHub
Служба Заботы MaxSite CMS

Как быстро удалить не используемые стили css?

Вопросы-ответы / 29 января 2017

Как вообще можно удалять не используемые стили с наборов фреймворков?

Например: в системе MaxSite CMS используется фреймворк UniCSS. После окончания правки шаблона под себя - как удалить не используемые стили css? ведь это существенно увеличит скорость загрузки стилей.

Комментариев: 4
  1. система так построена, что в папке assets css есть несколько файлов стилей. Все, которые там находятся, грузятся автоматически. Если ты точно знаешь, что они не нужны, просто вытащи из папки или удали.

    это существенно увеличит скорость загрузки стилей

    Я тоже так думал, но оказалось, что современные системы настолько быстры и мощны, что об этом даже беспокоиться не стоит. Куда больше времени занимает загрузка одной картинки или скрипта.

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

    Хотя сейчас я тоже не морочусь, тем более с стилями от фреймворков. Они на то и фреймворки, чтобы давать заготовки, которые можно использовать при необходимости. Если что-то не нравится или считаешь лишним в фреймоворке, то проще выпилить из исходного кода и перекомпилировать для себя. Такое с UniCSS я тоже делал по необходимости. Ничего сложного.

  3. Есть решение для удаления не используемых css:

    https://github.com/addyosmani/grunt-uncss

    Кто сможет пояснить - как использовать этот инструмент?

  4. Кто сможет пояснить - как использовать этот инструмент?

    Подозреваю, что на этом сайте вряд ли кто сможет дать подробную инструкцию... Поэтому, вас ожидает незабываемое самостоятельное погружение в технологии nodejs и grunt! grin

    Если с ними разберётесь, то инструкция к grunt-uncss окажется исчерпывающей. Там даже анимация есть вполне подробная.

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)