Визначення швидкості роботи сучасних фреймворків для створення web-інтерфейсів

Abstract

Мета роботи – дослідження швидкості формування списків інтерактивних елементів сучасними фреймворками, що використовуються для створення web-інтерфейсів. Використовуються методи опису та аналізу ефективності програмних засобів, методи та інструменти дослідження web-додатків. Визначено найбільш популярні JavaScript фреймоврки, що використовуються для створення web-інтерфейсів. До них відносяться фреймворки React, Angular та Vue. Визначено час, що витрачають зазначені фреймоврки на виконання операцій зі списком інтерактивних елементів. Встановлено, що найкращі результати показав фреймворк Angular: загальний час на виконання найбільш складної операції (повного формування сторінки) у нього на 45% краще ніж у React та на 44% краще ніж у Vue. Встановлено, що фреймворки мають різну архітектуру, що може змінювати час роботи в інших додатках. Зокрема, тестування швидкості видалення задачі показало, що фреймоврк Angular значно менше часу витрачає на етапі Scripting ніж React та Vue, але значно більше – на етапі рендерінгу. Це свідчить про інший принцип підготовки даних для елементів web додатку. Представлено результати дослідження швидкості роботи JavaScript фреймворків для створення web-додатків. Проаналізовано час виконання операцій формування списків інтерактивних елементів, їх зміни та видалення. Представлена інформація дозволяє зробити обґрунтований вибір фреймворку для створення web-додатків.

Цель работы – исследование скорости формирования списков интерактивных компонентов современными фреймворками, которые используются для создания web-интерфейсов. Используются способы описания и анализа эффективности программных средств, способы и инструменты исследования web-приложений. Определены наиболее популярные JavaScript фреймоврки, которые используются для создания web-интерфейсов. К ним относятся фреймворки React, Angular и Vue. Определено время, затрачиваемое указанными фреймоврками на выполнение операций со списком интерактивных компонентов. Установлено, что лучшие результаты показал фреймворк Angular: общее время для выполнения наиболее сложной операции (полного формирования страницы) у него на 45% лучше, чем у React и на 44% лучше, чем у Vue. Установлено, что фреймворки имеют разную архитектуру, что может изменять время работы в других приложениях. В частности, тестирование скорости удаления компонента показало, что фреймоврк Angular значительно меньше времени тратит на этапе Scripting, чем React и Vue, но гораздо больше – на этапе рендеринга. Это свидетельствует о разнице в алгоритмах подготовки данных для элементов web приложения. Представлены результаты исследования скорости работы JavaScript фреймворков для создания web-приложений. Проанализировано время выполнения операций формирования списков интерактивных компонентов, их изменения и удаления. Представленная информация позволяет сделать обоснованный выбор фреймворка для создания web-приложений.

Study of forming lists of interactive components speed by modern frameworks that are used to create web-interfaces. Methods for describing and analyzing the effectiveness of software tools, methods and tools for researching web applications are used. The most popular JavaScript frameworks that are used to create web interfaces have been identified. These include React, Angular and Vue frameworks. The time taken by the specified frameworks to perform operations on the list of interactive components is determined. It was found that the Angular framework showed the best results: the total time to perform the most complex operation (complete page generation) is 45% better than React and 44% better than Vue. It has been established that frameworks have different architectures, which can change the operating time in other applications. In particular, component removal rate testing showed that the Angular framework spends significantly less time in the Scripting phase than React and Vue, but much more in the rendering phase. This indicates a difference in the algorithms for preparing data for web-application elements. The results of the JavaScript frameworks speed study for creating web applications are presented. The operations execution time of forming interactive components lists, their modification and deletion is analyzed. The presented information allows making an informed choice of a framework for creating web-applications.