Comparison of the compilation speed of the SCSS and LESS preprocessors


This article compares the compilation speed of the SCSS and LESS preprocessor codes. Each preprocessor has its own syntax, which is transpiled into the CSS stylesheet language in the further development of the web page. These technologies serve the same purpose - to simplify and speed up the writing of page views, but are based on different programming languages - Ruby (SCSS) and JavaScript (LESS). For the purposes of the research, a test application was created, a series of tests was carried out on various sets of codes, the results were collected, which allowed to identify a preprocessor with    a faster compilation speed, which turned out to be the LESS preprocessor.


CSS preprocessors; compilation speed comparison; SCSS; LESS

A. Prabhu, Introduction to Preprocessors. In Beginning CSS Preprocessors, Apress, Berkeley, CA (2015) 1-12.

M. Dowden, M. Dowden, Preprocessors. In Architecting CSS, Apress, Berkeley, CA (2020) 165-180.

T. Laukkanen, CSS preprocessor-Sass eller Less. Toni (2017).

D. Mazinanian, N. Tsantalis, An empirical study on the use of CSS preprocessors. In 2016 IEEE 23rd international conference on Software Analysis, Evolution, and Reengineering (SANER), IEEE, Vol. 1 (2016) 168-178.

R. Queirós, A survey on CSS preprocessors. SLATE (2017).

R. Queirós, CSS preprocessing: Tools and automation techniques. Information (2018), 9(1), 17.

M. W. Alawar, S. S. Abu-Naser, CSS-Tutor: An intelli-gent tutoring system for CSS and HTML (2017).

Możliwości preprocesora SCSS, , [03.05.2021].

Funkcjonalność preprocesora LESS,, [03.05.2021]

Biblioteka do transpilacji kodu preprocesora SCSS:, [26.06.2021]

Biblioteka do transpilacji kodu preprocesora LESS:, [26.06.2021]


Published : 2021-09-30

Berkovskyy, A., Voskoboinik, K., & Badurowicz, M. (2021). Comparison of the compilation speed of the SCSS and LESS preprocessors. Journal of Computer Sciences Institute, 20, 225-229.

Andrii Berkovskyy 
Kostiantyn Voskoboinik 
Marcin Badurowicz