Categories
Development Vue

how to optimize the performance of Vuetify data table page

enter image description here

I have attached the image from google chrome’s lighthouse performance page. I am using Meteor, Vue, and Vuetify to develop the system and I am new to the technology stack. Backend is really quick to retrieve the result from the DB but the frontend is super slow which you can see in the screenshot. It is taking a lot longer to display the complete page with populated data then it should. I want to optimize it. I am retrieving 1700 records and populating two different Vuetify data tables on the page. but I am displaying only 20 records on the page. records = rows. Please guide me how can I optimize the performance of the app. Thanks in advance.

Edited:
enter image description here

Leave a Reply

Your email address will not be published. Required fields are marked *