Celem artykułu jest przeprowadzenie analizy porównawczej dwóch szkieletów programistycznych Angular w wersji 10 oraz Vue w wersji 3.0. Podstawą porównania jest wydajność zbadana za pomocą dwóch podobnych co do funkcjonalności aplikacji. Badaniu poddano widok ze zmienną liczbą wyświetlanych elementów, a czas mierzono od momentu wskazania liczby komponentów do zakończenia renderowania. Porównano także ilość przestrzeni dyskowej jaką zajmują finalne aplikacje oraz modułów aplikacji względem sposobu realizacji ich funkcjonalności. Wyniki badań pozwoliły sformułować wnioski, że Vue jest bardziej wydajny od Angulara a dodatkowo aplikacja Vue zajmuje mniej przestrzeni dyskowej.
EN
The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.
W artykule przeprowadzono analizę wydajności aktualnie stosowanych narzędzi do tworzenia interfejsu aplikacji typu SPA. Badanie przeprowadzono z wykorzystaniem dwóch aplikacji, o takiej samej funkcjonalności, zaimplementowanych w React i Vue.js. Do pomiaru wykorzystano narzędzia deweloperskie dostępne w przeglądarkach internetowych oraz odpowiednie implementacje własnych metod.
EN
The article analyses the performance of currently used tools for creating a SPA application interface. The study was conducted using two applications with the same functionality, implemented in React and Vue.js. The tools available in web browsers and appropriate implementations of own methods were used to measure SPA performance.
W artykule przedstawiono analizę wydajnościową z wykorzystaniem wybranych narzędzi do budowy Single Page Application. Do oceny wydajności aplikacji testowej używana została przeglądarka Google Chrome z narzędziem DevTools. Całkowita liczba wszystkich testów wynosiła 112. W ramach przeprowadzonego badania powstała aplikacja testowa z wykorzystaniem różnych szkieletów JavaScript - szkieletu Angular i szkieletu Vue.js.
EN
The article presents analysis of the performance of selected tools to build a Single Page Application. Chrome browser with DevTools tool was used to evaluate the performance of the test application. The total number of all tests was 112. As part of the study, a test application was created using different JavaScript frameworks - the Angular framework and the Vue.js framework.
JavaScript jest wyłączony w Twojej przeglądarce internetowej. Włącz go, a następnie odśwież stronę, aby móc w pełni z niej korzystać.