Pixel haben Schwerkraft
Kenne das Ziel
vor dem Klick.
Erreiche ein fetch:click-Verhältnis von 1.37. Intent-link berechnet die Wahrscheinlichkeit anhand der kinetischen und potenziellen Energie, die sich aus Bewegungsgeschwindigkeit und Entfernung ergeben.
01 / anwendungen
Ein Signal. Viele Anwendungen.
// analytik
Absicht, nicht nur Klicks
Protokolliere abgebrochene Annäherungen und Zögern, nicht nur Aktionen.
// enthüllung
Progressive Enthüllung
Öffne eine Vorschau oder einen Tooltip, sobald der Nutzer darauf zusteuert.
// leistung
Links vorladen
Lade Navigationslinks vor, bevor der Nutzer darauf klickt.
// adaptive UI
Unterstütztes Anvisieren
Vergrößere Ziele oder bringe sie näher, wenn sich der Nutzer ihnen nähert.
02 / live-demo
Bewege dich auf eine Karte zu — sieh zu, wie sie vorgeladen wird.
importance
cost
03 / spüre den Unterschied
Derselbe Klick. Überspringe die Wartezeit.
Eine Seite wartet auf die Netzwerkanfrage, während die andere während der Bewegung des Nutzers abgerufen wird.
in dieser Sitzung gesparte Zeit
0 ms
04 / anders
Nicht Sichtbarkeit. Nicht Hover. Absicht.
Jeder andere Ansatz ist entweder zu spät oder verschwenderisch.
1.37
Fetch:Click-Verhältnis
useIntentTarget
Erstelle eigene Komponenten
React · Next
Für das beliebteste Framework
MIT
Open Source, keine Datensammlung
| Ansatz | intent-link | ForesightJS | instant.page | Next.js prefetch | Guess.js |
|---|---|---|---|---|---|
| Zeitpunkt | vor dem Ankommen | auf der Bahn | beim Überfahren | beim Sichtbarwerden | vorberechnet |
| Selektivität | das Ziel | das Ziel | eins | alles Sichtbare | beste Vermutungen |