Evaluating the performance of web rendering technologies based on JavaScript: Angular, React, and Vue
Raimundo N.V. Diniz-Junior, Caio Cesar L. Figueiredo, Gilson De S.Russo, Marcos Roberto G. Bahiense-Junior, Mateus V. L. Arbex, Lanier Menezes dos Santos, Raimundo Felix da Rocha, Renan R. Bezerra, Felipe T. Giuntini · 2022
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.