Talk
Virtual Views- Rendering What Matters, When It Matters
Description
A large number of DOM elements can significantly impact performance, leading to slow performing applications.Mobile users especially operate on limited hardware with smaller viewports. Most of the app contents are hidden below the fold. So why render them at all?
Virtual scrolling has long been a cornerstone of optimizing large lists and data-heavy applications, but it is not without its limitations.
This talk will introduce you to a more versatile solution for rendering only what matters, when it matters - RxAngulars Virtual View Directive.
Takeaways
How and why large amounts of DOM negatively impact INP
The main principles of virtual scrolling
The key differences between virtual scrolling and virtual views, and why this new approach is better suited for certain scenarios
Practical tips for integrating virtual views into your projects, with real-world examples that demonstrate its versatility and performance benefits
Virtual Views - Rendering What Matters When It Matters
More from the speaker
What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 2
Part 2 is a practical walkthrough to diagnose and speed up LCP. Learn to read CrUX trends, profile in Chrome DevTools, preload critical assets, use srcset, defer third-party scripts, and code-split Angular bundles to turn red LCP into green.
What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 1
Largest Contentful Paint (LCP) is a Core Web Vital that shapes user perception of speed. This first part explains what LCP is why it matters for SEO and business, and how its phases affect site performance.
New Features for RxAngular - Native signal support & improved state configuration
The RxAngular team & community shipped great new features as well as quality of life improvements with the latest releases. In this blog post we'll dive into RxAngulars recently added new features, including the native support for signals.
