Scaling Performance in Vue.js 3

This chapter depends solely on the knowledge of the previous chapters, where we explored the different libraries to develop large-scale and enterprise-ready applications with Vue.js 3. This chapter will dive deeper into scaling an extensive Vue application. You will learn 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 will cover the following key topics in this chapter:

• Why do we need Vue.js performance optimization?
• The primary reasons for poor Vue performance
• Checking your Vue.js application’s bundle size
• Optimizing the performance of an enterprise Vue application

Once you’ve mastered each of these topics, you will be ready to get stuck into building your first enterprise-ready application with Vue 3.