🚀  Astro — URLs prefetching on hover

This component capture mouse hovering on links with internal URLs. Then, it will prefetch the HTML document beforehand.

Components

Keywords:

  • astro
  • astro-component
  • native
  • vanilla
  • prefetch
  • javascript
  • links

Component live demo

Hover links below!

🚀  Astro — URLs prefetching on hover

This component capture mouse hovering on links with internal URLs.
Then, it will prefetch the HTML document beforehand.

The goal is to make further page loading snappier.
It’s useful with SSG but also with SSR in certain scenarios.

It plays well with this page transition component:
@julian_cataldo/astro-transition

📦  Installation

pnpm i @julian_cataldo/astro-prefetch

🛠  Usage

---
import Prefetch from '@julian_cataldo/astro-prefetch/Prefetch.astro';
// ...
---
<!-- ... -->
<head>
  <!-- Place component inside HEAD tag -->

  <!-- 'max' property is optional -->
  <Prefetch max={8} />

  <!-- ... -->
</head>

LIVE DEMO  🎭  DOCUMENTATION WEBSITE ⎋

Live demo website

code.juliancataldo.com

🔗  JulianCataldo.com

TypeScript API

name
type
required
default
max
number
false
8

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.12.1 (2022-07-24)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.12.0 (2022-07-18)

Features

  • ts properties extractor for docs (9a8e65e)

Bug Fixes

0.11.0 (2022-06-28)

Features

  • better defaults properties (cc55aec)

0.10.12 (2022-06-26)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.11 (2022-06-25)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.10 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.9 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.8 (2022-06-21)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.7 (2022-06-20)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.6 (2022-06-20)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.5 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.4 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.3 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.2 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.1 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-prefetch

0.10.0 (2022-06-19)

Features

  • init app prefetch component (7bc7f9f)
...