Commentaire: Le préchargement est un mécanisme de navigateur qui utilise le temps d'inactivité du navigateur pour pré-télécharger / charger les pages / ressources que les utilisateurs sont susceptibles de parcourir ensuite. Lorsque l'utilisateur accède à un lien préchargé, s'il frappe à partir du cache, la page peut être rapidement rendue.
L'une des façons dont les fabricants et les développeurs de navigateur travaillent ensemble est de rendre le site Web plus rapidement. Il existe maintenant de nombreuses solutions d'accélération bien connues: sprites CSS (sprites CSS, puzzles) et optimisation d'image, fichiers de configuration distribués (.htaccess), compression de fichiers JS / texte, accélération CDN, etc.J'ai couvert un autre article de blog sur la façon de créer un site Web plus rapidement.
Firefox fait la promotion d'une nouvelle stratégie d'accélération du site Web: Link Precharge. Qu'est-ce que le préchargement des liens? La description du MDN est la suivante:
Le préchargement est un mécanisme de navigateur qui utilise le temps d'inactivité du navigateur pour pré-télécharger / charger des pages / ressources que les utilisateurs sont susceptibles de parcourir ensuite. La page est fournie au navigateur qui doit être préchargé. Une fois le navigateur terminé le chargement de la page actuelle, la page qui doit être préchargée sera téléchargée en arrière-plan et ajoutée au cache. Lorsqu'un utilisateur accède à un lien préchargé, s'il est frappé à partir du cache, la page est rendue rapidement.
Aperçu simple: le site Web permet au navigateur de télécharger la page / document / image spécifié basé sur l'analyse des utilisateurs, qui est très facile à implémenter:
Tags de précharge HTML5
<! - Page, vous pouvez utiliser des chemins absolus ou relatifs ->>
<link href = "page2.html" />
<! - Les images peuvent également être d'autres types de fichiers ->
<link href = "sprite.png" />
D'après le code HTML ci-dessus, nous pouvons voir que le préchargement utilise la balise <nk> et spécifie l'attribut rel = préfetch, et l'attribut HREF est le chemin de fichier qui doit être préchargé. Mozilla implémente également certaines propriétés REL de liaison similaire:
<link href = "mozspecific.css" />
<link href = "2.html" />
Remarque: le protocole HTTPS est également pris en charge.
Quand est préchargé
Que le site Web soit préchargé dépend de vos besoins, voici quelques suggestions:
- Si une série de diapositives de page s'affiche comme ceci, alors 1 à 3 pages peuvent être préchargées.
- Chargement des images communes dans le site Web
- Préchargez la page suivante de la page de résultats de recherche
Préchargement
Firefox permet d'interdire le mode précharge, le code est le suivant:
user_pref ("network.prefetch-next", false);
Choses à noter
En ce qui concerne le préchargement des liens, il y a les précautions suivantes:
- Le préchargement peut être effectué dans les domaines, bien sûr, les cookies et autres informations seront également envoyés pendant la demande.
- Le préchargement peut détruire les statistiques du site Web sans accéder réellement à l'utilisateur.
- Mozilla Firefox est actuellement le seul navigateur qui prend en charge le mode précharge (2003-2010)
Qu'en penses-tu? Le téléchargement de fichiers supplémentaires en utilisant le temps libre est une optimisation agressive