Ngx Quicklink

Overview

Ngx-quicklink is a powerful tool designed specifically for Angular applications, providing an intelligent preloading strategy for lazy-loaded modules. It leverages the viewport visibility of links to enhance your application's performance by prefetching resources seamlessly. With ngx-quicklink, navigating between pages becomes a much faster experience, making it an essential addition for developers looking to improve user interactions.

This lightweight solution aims to enhance the performance of Angular applications while keeping the package size minimal, around 2KB when minified and gzipped. By implementing ngx-quicklink, you not only optimize loading times but also create a smoother experience for users, ensuring they stay engaged with your application.

Features

• Lazy Loading Optimization: Automatically downloads lazy-loaded modules associated with all links visible on the screen, improving navigation speed.

• Smart Detection: Utilizes Intersection Observer to detect which router links are within the viewport, ensuring efficient preloading.

• Idle Time Prefetching: Waits for the browser to be idle using requestIdleCallback before initiating preloading, optimizing resource usage.

• Connection Awareness: Checks the user's connection quality using navigator.connection to avoid prefetching on slow connections or when in data-saver mode.

• Easy Integration: Simple installation and configuration process, requiring the import of QuicklinkModule to enhance your angular routing setup.

• Small Footprint: With a size of roughly 2KB minified and gzipped, it minimally impacts your application's overall size while delivering substantial performance gains.

• Polyfill Fallback: Provides a fallback for browsers lacking support for requestIdleCallback, ensuring functionality across a broader range of devices.