The purpose of this repository is to investigate and compare performance of vue.js with other frameworks. This is not supposed to be a comprehensive comparison, but instead I will focus on my favorite performance area: rendering SVG.
We will be rendering 1,000 circles in SVG document and measure FPS rates of different implementations. The baseline is native DOM implementation: no frameworks, using plain DOM API. Then we compare it with vue.js and react.
This is on my old MacBookPro (late 2011):
- vue.js (v2.0.1): ~23-24 FPS
- react: (v15.3.2) ~25-27 FPS
- native DOM: ~31-32 FPS
You can measure FPS yourself here: https://anvaka.github.io/vue-compare/index.html. Just open your dev tools and enable FPS counter. I'm also printing average FPS over course of last 10 seconds to console.
If you know how to make vue.js or any other benchmark faster - please let me know!