Evaluating the performance of web rendering technologies based on JavaScript: Angular, React, and Vue

The expansion of online services and the increasing demand for a good experience on the Web have promoted the emergence of different rendering frameworks based on JavaScript that assist the agile development and optimize the application's performance. This paper presents a methodology to evalua...

Full description

Saved in:
Bibliographic Details
Main Authors: Raimundo N. V., Diniz-Junior, Figueiredoy, Caio Cesar L., De S.Russo, Gilson, Bahiense-Junior, Marcos Roberto G., Mateus V. L., Arbex, Dos Santos, Lanier M., Da Rocha, Raimundo F., Bezerra, Renan R., Giuntini, Felipe T.
Format: Conference Proceeding
Language:English
Subjects:
Angular
benchmark
Benchmark testing
front-end
incremental and virtual DOM
JavaScript
Libraries
Mobile applications
performance avalution
Performance evaluation
React
Rendering (computer graphics)
Software
Toy manufacturing industry
Vue
web development
Web rendering frameworks
Online Access:Request full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Description
Summary:The expansion of online services and the increasing demand for a good experience on the Web have promoted the emergence of different rendering frameworks based on JavaScript that assist the agile development and optimize the application's performance. This paper presents a methodology to evaluate web rendering frameworks based on virtual and incremental DOM paradigms: Angular, React, and Vue. We conducted a study case based on a generic toy application and analyzed the build size, time to interact, and the DOM manipulation time aspects. Our results show that Vue is 758% faster than React and 595% compared with Angular in manipulation time. Angular occupies 54% more bundle space than Vue and 45% than React. React shows the best time of interactive (300ms), 33% faster than Vue and 50% than Angular. The experiments can support future Web project methodology decisions.
ISSN:2771-5752
DOI:10.1109/CLEI56649.2022.9959901