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 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.