PROJET AUTOBLOG


Korben

source: Korben

⇐ retour index

Pré-chargez les pages de votre site

jeudi 13 mars 2014 à 11:27

Si vous voulez améliorer l'expérience utilisateur sur votre site, sachez qu'il est possible de pré-charger les pages de votre site dans le navigateur de l'internaute pour lui afficher de manière plus rapide.

Cloudflare et certains plugins WordPress permettent ceci, mais il existe un code JavaScript qui devrait bien aller à tous vos projets.

Ce script c'est InstantClick. Attention, il ne va pas exploser votre serveur en préchargeant les 150 pages linkées sur la page courante. Non, il va juste détecter le moment où l'internaute place le curseur de sa souris sur un lien, et commencera à charger la page à l'autre bout de ce lien, avant même que l'internaute ne clique. Vous pouvez voir une démo ici.

Ainsi, pour l'internaute, le chargement et l'affichage de la page seront quasi immédiats. Pour ne pas trop charger votre serveur, vous pouvez aussi préciser un délai en millisecondes avant de démarrer un préchargement. Ça permet d'être certain que l'internaute s'apprête à cliquer.
Il est aussi possible de mettre en place des listes noires et listes blanches d'URL à précharger ou pas.

Si ce script vous intéresse, sachez qu'il est téléchargeable ici. Pour le mettre en place, c'est juste avant la balise fermante de body avec le code suivant :

...
<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
</body>
</html>

Notez qu'il peut y avoir des conflits avec des scripts existants, donc si vous rencontrez un pépin, sachez que vous pouvez ajouter un paramètre à ces derniers pour régler le problème. Et pour plus de détails techniques c'est par ici que ça se passe.

 

Cet article merveilleux et sans aucun égal intitulé : Pré-chargez les pages de votre site ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.