While it would be ideal to maximize both, different frontend architectures tend to affect how easy it is to attain desired performance in these aspects. For example, how fast a list updates when the user types in a search box, or how fast the page switches when the user clicks a navigation link in a Single-Page Application (SPA). Update Performance: how fast the application updates in response to user input.
This is usually measured using web vital metrics like Largest Contentful Paint (LCP) and First Input Delay (FID). Page Load Performance: how fast the application shows content and becomes interactive on the initial visit. In this section, we will discuss what you should pay attention to when it comes to performance in a Vue application.įirst, let's discuss the two major aspects of web performance:
However, there are always challenging scenarios where extra fine-tuning is needed. Vue is designed to be performant for most common use cases without much need for manual optimizations.