CSS: макрос оптимизации стилей для Notepad++

Я достаточно давно писал, что под виндой пользуюсь или Netbeans (уже 7 версия вышла) или Notepad++. В последнее время начал все больше использовать NPP – для всех видов задач, даже оптимизации кода.

У меня манечка максимально сжимать файл стилей на сайтах – чтобы увеличить скорость загрузки. Делал я это до недавнего времени тремя способами – или используя SnapCSS, или закидывая свои стили сюда, или тратя куча времени ручками удаляя (ну или спомощью поиска и замены по всему файлу стилей) ненужные символы, к которым я пречисляю:

  1. пробел между определителем и открывающей фигурной скобкой
    #id .class {
  2. пробел между двоеточием после свойства стиля и его значением
    #id .class{float: left}
  3. точка с запятой в конце блока стилей для определителя
    #id .class{float:left;}

В итоге, вместо вот этого:

table.forum tr.sticky td {
	background: #fff9db;
	border-top: 1px solid #ffe8c4;
	border-bottom: 1px solid #ffe8c4;
}

я получал следующее:

table.forum tr.sticky td{background:#fff9db;border-top:1px solid #ffe8c4;border-bottom:1px solid #ffe8c4}

На мой взгляд, так гораздо лучше. Теряется немного читабельность, но лично мне это не мешает вносить изменения (глаз набит уже, наверное).

Но вот сегодня до меня дошло (лучше уж позже, чем никогда), что можно использовать встроенные в Notepad++ макросы. Я быстренько записал один, который делает все перечисленное выше.

Извините, этот файл сильно устарел и больше нет возможности его скачать.

Этот файл надо положить или в корень папки редактора (будет замена), или в папку C:/Document and Setings/%USERNAME%/Application Data/Notepad++/ (для Windows XP) или C:/Пользователи/%USERNAME%/AppData/Roaming/Notepad++/ (для Windows 7).
Внимание: если вы уже создавали свои макросы, то вам придется вручную объединять файлы, иначе ваши затрутся.

комментариев 5

  1. Евгений:

    спасибо за статью, только интересно узнать на сколько эффективно это влияет на скорость, и существует ли риск порчи файла? заранее спасибо.

  2. Порчи никакой не возникнет :) Спасибо за макрос, давно подумывал такой написать :)

    А вообще, еще актуальна тема об очистке css файлов от неиспользуемых на сайте стилей, в процессе разработки бывает что остаются лишние записи, которые порой долго искать))

    • Не за что :)
      По поводу лишних стилей – это уж точно, пару часов можно на это убить… Я когда-то видел js-скрипт, которому указываешь список страниц, а он анализирует их и файл стилей – и находит лишнее. Но я напрочь забыл, как он называется…

  3. В принципе можно что то вроде несложного плагина для WP написать, список страниц известен, выбранный шаблон тоже, файл css. Остается только поискать и вырезать :)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *