Comparison of the compilation speed of the SCSS and LESS preprocessors

Andrii Berkovskyy


Student (Poland)

Kostiantyn Voskoboinik


(Poland)

Marcin Badurowicz

m.badurowicz@pollub.pl
(Poland)

Abstract

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.


Keywords:

CSS preprocessors, compilation speed comparison, SCSS, LESS

A. Prabhu, Introduction to Preprocessors. In Beginning CSS Preprocessors, Apress, Berkeley, CA (2015) 1-12.
DOI: https://doi.org/10.1007/978-1-4842-1347-6_1   Google Scholar

M. Dowden, M. Dowden, Preprocessors. In Architecting CSS, Apress, Berkeley, CA (2020) 165-180.
DOI: https://doi.org/10.1007/978-1-4842-5750-0_7   Google Scholar

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

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.
DOI: https://doi.org/10.1109/SANER.2016.18   Google Scholar

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

R. Queirós, CSS preprocessing: Tools and automation techniques. Information (2018), 9(1), 17.
DOI: https://doi.org/10.3390/info9010017   Google Scholar

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

Możliwości preprocesora SCSS, https://sass-lang.com/guide , [03.05.2021].
  Google Scholar

Funkcjonalność preprocesora LESS, https://lesscss.org/, [03.05.2021]
  Google Scholar

Biblioteka do transpilacji kodu preprocesora SCSS: https://scssphp.github.io/scssphp/, [26.06.2021]
  Google Scholar

Biblioteka do transpilacji kodu preprocesora LESS: https://leafo.net/lessphp/, [26.06.2021]
  Google Scholar

Download


Published
2021-09-30

Cited by

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. https://doi.org/10.35784/jcsi.2692

Authors

Andrii Berkovskyy 

Student Poland

Authors

Kostiantyn Voskoboinik 

Poland

Authors

Marcin Badurowicz 
m.badurowicz@pollub.pl
Poland

Statistics

Abstract views: 230
PDF downloads: 125