instant.page est un petit script qui vous permet d'accélérer la navigation sur votre site en utilisant le préchargement juste à temps. Lorsque l'utilisateur survole le lien, la page est préchargée en arrière-plan, et en cliquant sur le lien, elle s'ouvre instantanément. InstantClick fonctionne selon le même principe , mais il est fourni comme une bibliothèque distincte sur pushState et Ajax, avec des modules supplémentaires comme une barre de progression de préchargement.
Installation
Ajoutez simplement un script à la fin du corps:
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>Il peut sembler que sur le Web moderne, il n'a aucun sens de distribuer votre solution via un script au lieu de la placer dans npm, mais ce n'est pas JQuery et tout le code tient littéralement dans un peu plus de 200 lignes, de sorte que même l'application la plus légère peut se permettre de la connecter. De plus, le lien rapide très populaire mais controversé de Google se présente déjà sous la forme d'un module.
Bureau
Différentes études ont des valeurs différentes, il est donc impossible de dire avec certitude avec quelle probabilité une personne cliquera sur le lien sur lequel elle a survolé, et à quelle vitesse cela se produira. L'auteur du script affirme que si le pointeur survole déjà le lien pendant plus de 65 millisecondes, l'utilisateur le suivra la moitié du temps.
Pour réduire le nombre de faux positifs, instant.page et InstantClick proposent de déclencher éventuellement un préchargement au moment de la pression (mousedown), ce qui devrait accélérer le chargement de 80 millisecondes en moyenne. Certes, le script ne charge que du HTML et les autres ressources lourdes se chargeront toujours normalement.
Instant.page a également un déclencheur complètement fou pour les maniaques (et les amateurs de liens rapides), qui charge la page lorsque le lien est visible.... Heureusement, il existe également un mode liste blanche.
Téléphone
Il n'y a pas de survol dans la version mobile, donc le préchargement commence au moment où vous commencez à cliquer sur le lien, ce qui donne une augmentation d'environ 90 millisecondes, ou vous pouvez également choisir un déclencheur pour atteindre la fenêtre d'affichage, mais pour cela, vous devez avoir soit des pages très minces, soit un nombre minimum et connu de liens (par exemple, vous pouvez précharger la page suivante après avoir soumis le formulaire), ou créer une liste blanche.
Mise en place
- Whitelist : le préchargement ne fonctionne que pour les liens avec un attribut
data-instant(pour cela, un attribut doit être ajouté au corpsdata-instant-whitelist) - Liste noire: les liens avec l'attribut ne se chargeront pas
data-no-instant - Les liens externes ne sont pas chargés par défaut, vous pouvez changer cela en ajoutant
data-instant-allow-external-linksau corps - , . ,
data-instant-allow-query-stringbody
- uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
- Safari 13 . Safari 14.
En moins d'un an (et instant.page est devenu populaire il y a encore moins de six mois), la technologie a pris pied sur le marché, a acquis de grands clients comme Spotify et Pepsico, et correspond au nombre d'étoiles sur GitHub à InstantClick, qui existe depuis 2014. L'auteur revendique (en référence à builtwith ) plus de 7000 sites utilisant instant.page, avec une audience combinée de plus de 76 millions d'utilisateurs mensuels.
La publicité
VDS pour les sites de toutes tailles - il s'agit de nos serveurs épiques ! Ils sont protégés gratuitement des attaques DDoS, la vitesse du canal Internet est de 500 Mégabits. Nous offrons la possibilité d'installer automatiquement un panneau de contrôle VestaCP pratique pour l'hébergement de sites. Dépêchez-vous de commander!
