Porównanie szybkości kompilowania kodów preprocesorów SCSS oraz LESS

• Autorzy: Berkovskyy Andrii , Voskoboinik Kostiantyn , Badurowicz Marcin

Identyfikatory

DOI

10.35784/jcsi.2692

Warianty tytułu

EN

Comparison of the compilation speed of the SCSS and LESS preprocessors

• Języki publikacji: PL

Abstrakty

PL

Ten artykuł jest poświęcony porównaniu szybkości kompilowania kodów preprocesorów SCSS oraz LESS. Każdy preprocesor ma swoją składnię, która w ciągu dalszym tworzenia strony webowej jest transpilowana do składni języka arkuszy stylów CSS. Technologie te służą temu samemu celowi – uproszczeniu i przyśpieszeniu pisania widoków stron, ale bazują się na różnych językach programowania – języku Ruby (SCSS) oraz JavaScript (LESS). W ramach przepro-wadzonych badań dokonano pomiarów czasów kompilacji kodów w formacie SCSS i LESS o rozmiarach 10, 50, 100 i 200 kB, otrzymane wyniki jednoznacznie pokazały, że szybszym narzędziem do przetwarzania kodu na składnię CSS okazał się LESS. W analizach pod uwagę również wzięto wielkość kodu wynikowego CSS.

EN

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 technol-ogies serve the same purpose - to simplify and speed up the writing of page views, but are based on different program-ming languages - Ruby (SCSS) and JavaScript (LESS). As part of the research, the compilation times of the codes in the SCSS and LESS format with sizes of 10, 50, 100 and 200 kB were measured, the obtained results clearly showed that LESS turned out to be a faster tool for processing the code into CSS syntax. The size of the CSS result code was also taken into account in the analyzes.

Słowa kluczowe

PL

preprocesory CSS; porównanie szybkości kompilowania; SCSS; LESS

EN

CSS preprocessors; compilation speed comparison; SCSS; LESS

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2021
• Tom: Vol. 20
• Strony: 225--229
• Opis fizyczny: Bibliogr.11 poz., rys., tab.

Twórcy

autor

Berkovskyy Andrii

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Voskoboinik Kostiantyn

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Badurowicz Marcin

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

Bibliografia

• [1] A. Prabhu, Introduction to Preprocessors. In Beginning CSS Preprocessors, Apress, Berkeley, CA (2015) 1-12.
• [2] M. Dowden, M. Dowden, Preprocessors. In Architecting CSS, Apress, Berkeley, CA (2020) 165-180.
• [3] T. Laukkanen, CSS preprocessor-Sass eller Less. Toni (2017).
• [4] 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.
• [5] R. Queirós, A survey on CSS preprocessors. SLATE (2017).
• [6] R. Queirós, CSS preprocessing: Tools and automation techniques, Information (2018) 9(1) 17.
• [7] M. W. Alawar, S. S. Abu-Naser, CSS-Tutor: An intelli-gent tutoring system for CSS and HTML (2017).
• [8] Możliwości preprocesora SCSS, https://sass-lang.com/guide , [03.05.2021].
• [9] Funkcjonalność preprocesora LESS, https://lesscss.org/, [03.05.2021]
• [10] Biblioteka do transpilacji kodu preprocesora SCSS: https://scssphp.github.io/scssphp/, [26.06.2021]
• [11] Biblioteka do transpilacji kodu preprocesora LESS: https://leafo.net/lessphp/, [26.06.2021]

Uwagi

Opracowanie rekordu ze środków MNiSW, umowa Nr 461252 w ramach programu "Społeczna odpowiedzialność nauki" - moduł: Popularyzacja nauki i promocja sportu (2021).