dieulot/instantclick
Instantclick
Instantclick is a client-side navigation enhancer and JavaScript page preloader. It intercepts HTTP requests to update page titles and content via asynchronous requests, avoiding full browser refreshes to eliminate white flashes during navigation.
The project reduces perceived frontend latency by fetching linked content in the background when a user hovers over a hyperlink. This intent-based preloading ensures content is ready by the time a user clicks.
The tool manages the browsing experience through client-side history manipulation and DOM-based content injection. It also includes a customizable navigation progress indicator that provides visual feedback while asynchronous page requests are processed.
Features
- Hover-Triggered Page Prefetches - Fetches target page content in the background when a user hovers over a hyperlink to ensure instant loading.
- Navigation Enhancements - Enhances site browsing with prefetching and single-page application behaviors to create an instant-feeling experience.
- Client-Side Page Navigations - Provides asynchronous updates to page content and titles to create a seamless navigation experience without full reloads.
- Perceived Performance Optimizations - Improves perceived performance by preloading content and optimizing link transitions to eliminate loading delays.
- AJAX Page Loaders - Implements asynchronous fetching of page content to update the DOM without requiring a full browser reload.
- Asynchronous Content Updates - Updates the page body and title via background requests to avoid full browser reloads.
- History State Updaters - Updates the browser URL and history entries using the History API as new content is loaded asynchronously.
- DOM Content Updating - Replaces the current page content with a fetched HTML payload to eliminate white flashes during transitions.
- Background Page Fetches - Fetches linked content in the background and swaps the page body to eliminate reload flashes.
- Link Prefetchers - Preloads linked pages on hover to make navigation feel instant without consuming unnecessary bandwidth.
- Loading Progress Bars - Ships a customizable loading progress bar that tracks the status of asynchronous network requests.
- Event-Driven Progress Tracking - Monitors the lifecycle of asynchronous fetch requests to trigger a visual loading indicator.
- HTTP Request Interceptors - Intercepts HTTP requests to manage the preloading of data and transition between pages.
- Latency Reduction Tools - Reduces perceived frontend latency by preloading linked content based on user hover intent.
- Page Load State Tracking - Tracks the progression of asynchronous page requests to provide real-time visual loading feedback.
- Resource Loading - Preloads pages on hover for instant navigation.
