The ngx-hover-preload package introduces a PreloadingStrategy that triggers the preloading of lazy-loaded routes when a user hovers over the corresponding router link, enhancing user experience.
In contrast to ngx-hover-preload, ngx-quicklink employs a more aggressive approach by preloading all modules linked within the viewport, demanding higher network and CPU resources.
Guess.js stands out as an advanced predictive prefetching strategy, leveraging build-time analytics to streamline module loading based on anticipated needs, harmonizing well with ngx-hover-preload.
To implement ngx-hover-preload, you must import the HoverPrefetchLinkDirective, configure your application appropriately, and ensure you include HoverPreloadModule in all relevant lazy-loaded modules.
Collection
[
|
...
]