Measure your Vue application performance in a standard and consistent way.
Browser developer tools solve this problem to a large extent and help measure the application load times during development. Vue provides a standard mechanism to level-up this performance measurement.
Start using Vue’s performance measurement technique in just two steps.
Step 1: Set a variable
Set following value globally in your Vue app.
// main.js Vue.config.performance = true;
Just remove the parameter from production code. Alternatively, you can set the value so that it turns itself off in production.
Vue.config.performance = process.env.NODE_ENV != "production";
Step 2: Use developer tools
Open Developer Tools, and go to
Performance tab. Click on “Start Profiling and reload page” (or hit Ctrl + Shift + E). You will see a new section here called
User Timing in the performance tab, which should give you a clearer picture of your UI performance.