Summary

In this chapter, we dove deeper into scaling an extensive Vue application. We discussed how to scale performance with asynchronous lazy loading, image compression, code splitting, tree shaking, and many other tricks to better increase the performance of your Vue.js 3 enterprise-ready application.

We also covered in detail why performance optimization is needed and what your enterprise application can lose if performance is not deliberately built into the application. We also discussed the reasons for poor performance in an enterprise application and how to fix them.

Next, we discussed how to check our Vue.js application’s bundle size, demonstrating this with simple instructions on how to generate package reports using Webpack and commands. We also discussed how to understand the report and discover how to improve an application from the generated report to further boost our enterprise application’s performance.

In the next chapter, we will learn how to...