Home > Back-end >  What should I do to speed up my vue.js project?
What should I do to speed up my vue.js project?

Time:11-15

When my web application is loading for the first time on a browser it takes from 15 to 20 seconds to finish loading.

Here is My web application speed test on page speed insights.

My web application speed test on page speed insights

  1. I removed as much unused JavaScript and redundant code as I could
  2. For text compression problem my application is already generating gzipped .js and .css files according to build results (Please correct me if i am wrong in this point) enter image description here

Do I need to setup webpack in my application or my application is already doing everything it does

CodePudding user response:

I am adding couple of points you can try it, it might helpful.

  1. Virtual Scrolling - Use virtual scrolling it only renders required data, it will increase your perfomance.

  2. Render Once - This keyword is from vue js documentation , v-once -> You can use this keyword where element should always rendered once.

     Ex: <span v-once>test</span>
    
  3. Eliminate Duplicate Rendering - This point will also help in perfomance.

  4. Remove unused packages and components.

  • Related