Skip to content

Instantly share code, notes, and snippets.

@Panya
Last active August 29, 2015 14:01
Show Gist options
  • Save Panya/5337f4709264477a2358 to your computer and use it in GitHub Desktop.
Save Panya/5337f4709264477a2358 to your computer and use it in GitHub Desktop.
preprocessors benchmark
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;
}

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 Он без изменений синтаксиса корректно компилируется во всех препроцессорах. Первое число — количество итераций, второе — время компиляции.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment