Kaizen Today I Learned by Ville Säävuori

Optimize vue-devtools performance

Vue devtools is a must-have tool for Vue development but the default settings might hurt your app performance.

Current vue-devtools (v6.0.12 at the time of writing) has two tabs: Inspector and Timeline. The Timeline tab has both Component events and Performance calculations on by default which might severily the performance of your app if it happens to send mouse events or other events that happen frequently.

Vue Devtools

If you don’t actively use these views, just disable them. This usually drops the devtools effect on your app effectively to zero.

Tagged with , , ,

Published . Last modified .