LaVOZs

The World’s Largest Online Community for Developers

'; typescript - Angular 7 : Virtual Scrolling and Lazy Loading - LavOzs.Com

How is virtual scrolling different from lazy loading in angular 7? Is there any difference between the two?

Virtual Scroll to display the items without slowing the app down. Display only small subset of the data that is in the viewport and keep changing the records as the user scrolls. It keep the number of DOM elements constant hence boosting the performance of the application.

Lazy loading is the process of loading some features of your Angular application only when you navigate to their routes for the first time. This can be useful for increasing your app performance and decreasing the initial size of the bundle transmitted to the user's browser.

Related
virtual properties and lazy loading
@Directive v/s @Component in Angular
How can I select an element in a component template?
What is the difference between Promises and Observables?
Can't bind to 'ngModel' since it isn't a known property of 'input'
BehaviorSubject vs Observable?
Angular 2 Scroll to top on Route Change
angular2 lazy loading or pagination on scroll
Angular CLI HMR with Lazy-Loaded routes hot-reloads the whole thing