You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+9Lines changed: 9 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,6 +10,10 @@ Quicklink attempts to make navigations to subsequent pages load faster. It:
10
10
***Checks if the user isn't on a slow connection** (using `navigator.connection.effectiveType`) or has data-saver enabled (using `navigator.connection.saveData`)
11
11
***Prefetches URLs to the links** (using [`<link rel=prefetch>`](https://www.w3.org/TR/resource-hints/#prefetch) or XHR). Provides some control over the request priority (can switch to `fetch()` if supported).
12
12
13
+
## Why
14
+
15
+
This project aims to be a drop-in solution for sites to prefetch links based on what is in the user's viewport.
16
+
13
17
## Installation
14
18
15
19
For use with [node](http://nodejs.org) and [npm](https://npmjs.com):
@@ -136,6 +140,11 @@ The prefetching provided by `quicklink` can be viewed as a progressive enhanceme
136
140
137
141
Certain features have layered support. If opting for `{priority:'high'}` and `fetch()` isn't available, XHR will be used instead.
138
142
143
+
## Related projects
144
+
145
+
* Using [Gatsby](https://gatsbyjs.org)? You already get most of this for free baked in. It uses `Intersection Observer` to prefetch all of the links that are in view.
146
+
* Want a more data-driven approach? See [Guess.js](https://guessjs.com). It uses analytics and machine-learning to prefetch resources based on how users navigate your site. It also has plugins for Webpack and Gatsby.
0 commit comments