Talk
Instant Navigation in Angular Applications
Description
Users spend 90% of their time interacting with applications after they load, but most developers just focus on speeding up the initial load.
In this talk we will go beyond initial loading strategies, and make future navigation feel instant by predicting what users might click on next and loading those parts ahead of time.
We will use real applications to see how to implement speculative loading techniques and how you can measure the improvement with soft navigation largest contentful paint (LCP).
Finally we will demonstrate how you can convert a 2 second navigation into less than 100 milliseconds using the Intersection Observer API, the Angular router and HTML link tags.
Takeaways
Attendees will learn about the soft navigations and how that is about to change the way we measure performance on SPAs. Then they will learn an optimization framework to optimize their own applications using techniques inspired by the Speculative Rules API. They will see through an example that this can improve user experience and future navigations making them feel instant.