Search⌘ K
AI Features

Introduction

Explore performance optimization techniques in Vue by learning to implement lazy loading for routes and components. Understand how to use dynamic imports and Webpack features to reduce initial load size and improve your application's responsiveness.

Lazy loading routes and components

When users visit our web application, they only need the code responsible for rendering components for the route being visited. They don’t need our whole application immediately. Very large applications can weigh quite a lot, and every additional kilobyte means more information is sent to the user and then parsed and processed by a browser.

Thus, instead of sending a whole application immediately, we can ...