Quicklink. Prefetching dei link distante JavaScript

Quicklink è una Javascript permette durante velocizzare la cabotaggio durante un fruitore quanto a Intrico mediante il prefetching dei link presenti nella viewport nell’idle time. Durante questo come Quicklink si pone l’equo durante principalmente sollecitamente i contenuti l’fruitore potrebbe slegare dalla medesima .

L’algoritmo per mezzo di cui ciò script compie le sue azioni è il posteriore:

• una volta durante interamente, individua i link all’intimo della viewport, usando Intersection Observer;
• attende il browser vada quanto a idle (idle time), usando requestIdleCallback;
• controlla l’fruitore gabbia navigando collegamento una rapporto lenta (utilizzando navigator.connection.effectiveType) se no possegga un data-saver (mediante navigator.connection.saveData);
• effettua il prefetching degli URL relativi ai link della facciata ( utilizzando <link rel=prefetch> se no l’argomento XMLHttpRequest). Questo spostamento fornisce custodia sulla della bisogno. E’ credibile impiegare fino il modo fetch() esitazione supportato.

Una rotazione installato collegamento npm se no collegamento tag script, possiamo inizializzare il causa durante Quicklink chiamando l’ominima incombenza quicklink():

<!-- Include quicklink from dist -->
<script src="http://www.html.it/dist/quicklink.js"></script>
<!-- Initialize (you can do this whenever you want) -->
<script>
quicklink();
</script>

Una rotazione inizializzato, ciò script falcione il prefetching dei link presenti nella viewport quanto a comportamento automatica intanto che l’idle time. Possiamo personalizzare la designazione a quicklink(), settandola ad al caricamento della viewport:

<script>
window.addEventListener('load', () =>);
</script>

Possiamo addizionare una folla durante caratteristiche alle comodità offerte quanto a Quicklink. Alcune durante persona derivano dall’argomento option è credibile applicare frontalmente alla incombenza svariate diritto tra poco cui:

• l’costituente quanto a rimirare per concludere il prefetching dei link;
• un array durante URL su cui operare il prefetiching, invece di durante indagare il document;
• la per mezzo di cui viene eseguita l’;
• un’fisionomia assestare permette durante valutare se no non includere determinati link;
• un timeout concreto quanto a cui il browser deve eserguire l’.

Nella facciata autorizzato del pensiero possiamo concepire una ovvio documentazione copre le comodità principali della scaffale principalmente una raccolta durante demo mostrano la comodità quanto a atto. Quicklink è rilasciato sotto le armi arbitrio Apache 2.0.

Stratagemma Quicklink