DEV Community

Baskarrao Dandlamudi
Baskarrao Dandlamudi

Posted on

2 1

Performance tips for VueJS applications

What are some tips that you have used to improve performance in your VueJS applications?

Top comments (8)

Collapse
 
paulwvnjohi profile image
Paul Wanjohi
Collapse
 
alansolitar profile image
Alan Solitar • Edited

Lazy loading routes is helpful, assuming you are using webpack.

router.vuejs.org/guide/advanced/la...

Collapse
 
baskarmib profile image
Baskarrao Dandlamudi • Edited

One tip which I read in Vue dose link is to use object.freeze if you are using heavy list

Collapse
 
anduser96 profile image
Andrei Gatej

Interesting. What’s the reason behind this?

Collapse
 
baskarmib profile image
Baskarrao Dandlamudi

This was the one which I mentioned. This is to avoid reactivity for huge lists
vuedose.tips/tips/improve-performa...

Collapse
 
baskarmib profile image
Baskarrao Dandlamudi

Another tip from @1kevgriff was to disable logger from Vuex in production applications

Collapse
 
baskarmib profile image
Baskarrao Dandlamudi • Edited

Posting other tips from Gusto- twitter.com/gustojs/status/1176096...

Collapse
 
anduser96 profile image
Andrei Gatej

On tip was to use map instead of arrays.
It requires more work from the developer as maps are not reactive by default(at least in Vue 2.x), but I strongly believe it’s worth it.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay