Challenge: Optimizing Production Bundle
Explore how to optimize the production bundle size of a Vue application by adding lazy loading for routes and components. This lesson guides you through modifying routing and component files to implement code-splitting, enhancing the app’s load performance and user experience.
We'll cover the following...
We'll cover the following...
Problem statement
Code-splitting and lazy-loading different parts of an application are a great way to decrease the production bundle size so that when users visit the website, only the required code for the specific page is run. Your task is to optimize the project and add lazy load routes and a Modal component. ...