Меньше цикла в основном снижает производительность?

Question

Я сделал это меньше цикла для генерации кода CSS, необходимого для конкретной задачи. (прилагается в нижней части страницы). Можно ли сказать, что писать меньше циклов сокращают время разработки, но также генерируют ненужные стили кода? Я вижу много преимуществ использования этой техники, но ни один из них не включает аспекты оптимизации производительности.

@items : 12; 
@color-base : red; 
@slice : 30deg; 
.looop (@i) when (@i>0){ 
    .looop(@i - 1); 
    li:nth-child(@{i}){ 
    transform: rotate((@i*@slice)-30) skewY(-2*@slice); 
    .text { 
     background : spin(@color-base, 30); 
    } 
    } 
} 
.looop(@items); 

Answer 1

Вы можете оптимизировать его немного:

@items : 12; 
@excluded-items: 1, 2, 5; 
@color-base : red; 
@slice : 30deg; 

.looop (@i) when (@i>0) { 
    .looop(@i - 1); 

    li:nth-child(@{i}){ 
    transform: rotate((@i*@slice)-30) skewY(-2*@slice); 
    } 
} 

.looop(@items); 

li { 
    .text { 
     background : spin(@color-base, 30); 
    } 
}