Как влияет на разработку использование препроцессора и постпроцессора CSS?
============================================================================

 Здравствуйте!  
  

Я начинающий верстальщик, писавший на чистом CSS, столкнулся с фактом существования **препроцессоров** и **постпроцессоров**. Не совсем понятно их применение, ясно только то что они неким образом улучшают жизнь. Так вот не могли бы мне объяснить вкратце чем же они облегчают жизнь и стоит ли их использовать или продолжать писать на чисто CSS?  

Если поточнее:  
1. В чём разница между постпроцессорами препроцессорами?
2. Нагружает/замедляет ли сайт их использование?
3. Насколько способно то или иное решение ускорить разработку сайта и ускоряет ли вообще?
4. Каким образом способно ускорить разработку? *(если ускоряет)*
5. В чём различие SASS от LESS? *(не лучше/хуже, а плюсы, минусы, различия и рекомендации)*
6. влияет ли back end на использование? *(допустим, как вариант: используя LESS необходимо использовать некий фреймворк или библиотеку Ruby для его работы)*
7. Какие препроцессоры и постпроцессоры используете Вы и почему? *(повторюсь: не лучше/хуже, а плюсы, минусы, различия и рекомендации)*

  

Не отказался бы и от ваших личных дополнений по вопросу.  
  

Прошу объективных рассуждений желательно подкреплённых фактами и документацией.  
  

Заранее премного благодарен! 

 Если обобщенно, то становится меньше рутины - монотонных повторных действий.  
  

Чтобы не гадать - сразу выбирай SASS в синтаксисе SCSS. Нужна скоростная реализация libSass, которую прикручиваешь к gulp. Дальше добавляешь к этому autoprefixer, который позволит забыть о ручной расстановке префиксов. Больше никаких "постпроцессоров" не надо. Но прежде чем приступить к этому шагу ты должен хорошо знать CSS.  
  

Вот неплохая статейка для начинающих (англ.)  

<https://scotch.io/tutorials/getting-started-with-sass> 

 По моему опыту, использование препроцессоров:  
  
* заметно ускоряет разработку, если владеть ими
* уменьшает качество компилированного кода
* если код достанется в будущем тому, кто не работает с препроцессорами, то ему это доставит массу неудобств
* Использую LESS. У SCSS больше возможностей, но он сложней

 

 SASS работает на бэкенде, в браузер приходит обычный CSS.   
  

LESS работает в браузере, стало быть накладные расходы на клиенте увеличиваются как за счет дополнительной закачки библиотеки, так и за счет ее работы.  
  

А задачу оба подхода решают примерно одинаковую - добавить в CSS то, чего там пока нет, в частности переменные и расчеты на лету... Ну и вообще хоть на гугле, хоть на ютубе информации просто неприлично много, и можно буквально за пару дней неплохо поднатореть в теории.