preprocessors benchmark

bench

html {
  overflow: hidden;
  &:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10em;
    border: dashed 2px;
    width: 20em;
    height: 20em;
    border-radius: 50%;
    transform: skewX(20deg);
    content: '';
  }
}
.boo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1em;
  width: 2em;
  height: 2em;
  border-radius: 0 75% 75% 0 0 50% 50% 0;
  background: blue;
  animation: ellipse 3s linear infinite;
}

results.md

Roole

1 -> 23 ms
10 -> 100 ms
100 -> 3318 ms
1000 -> infinity :)

Stylus

1 -> 10 ms
10 -> 28 ms
100 -> 118 ms
1000 -> 930 ms

LESS

1 -> 6 ms
10 -> 11 ms
100 -> 37 ms
1000 -> 207 ms

Sass (SCSS)

с выключенным кешированием

1 -> 180 ms
10 -> 206 ms
100 -> 545 ms
1000 -> 4000 ms

Тестировался файл bench Он без изменений синтаксиса корректно компилируется во всех препроцессорах. Первое число — количество итераций, второе — время компиляции.