ループが少ないと基本的にパフォーマンスが低下しますか？

Question

私はこの特定のタスクに必要なCSSコードを生成するためにこの小さなループを作った。 （ページの下部に含まれています）。 lessループを書くことは開発時間を短縮するだけでなく、不要なコードスタイルを生成すると言っても過言ではありませんか？ この手法を使用すると多くのメリットが得られますが、パフォーマンス最適化の側面は含まれていません。

@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); 
    } 
}