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

Diniz-Junior Raimundo N. V.,Lanier M. Dos Santos,Renan R. Bezerra,F. Giuntini,Arbex Mateus V. L.,R. F. Da Rocha,Caio César L. Figueiredoy,Gilson De S.Russo,Marcos Roberto G. Bahiense-Junior
DOI: https://doi.org/10.1109/CLEI56649.2022.9959901
2022-10-17
Abstract: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.
Computer Science
What problem does this paper attempt to address?