Il existe généralement deux façons courantes de précharger le préloadeur: XHR et insérer dynamiquement les nœuds. L'insertion dynamique des nœuds est la méthode de chargement asynchrone la plus simple et la plus étendue. Ensuite, les fichiers chargés à l'aide de l'insertion dynamique des nœuds seront exécutés immédiatement après le chargement. D'une part, l'exécution de JavaScript occupera le processus d'exécution JS du navigateur, et d'autre part, il peut également modifier la structure de la page. L'exécution de CSS est plus susceptible de faire changer la page entière. Bien que la méthode XHR n'exécute pas de scripts, il est dû aux limites du même domaine
La méthode de chargeur paresseuse est très utile dans certains sites Web avec beaucoup d'images. Les images à l'extérieur de la zone visuelle du navigateur ne seront pas chargées tant que l'utilisateur défile les pages à leur emplacement. De cette façon, pour des pages Web plus longues avec de nombreuses images, il peut se charger plus rapidement et enregistrer la bande passante du serveur. Il existe également des plug-ins dans le plug-in jQuery pour implémenter cette fonction.
Cette technologie est utilisée dans l'espace QQ de Tencent et Weibo. Dans un site Web avec un grand nombre de visites, la pression sur le serveur peut être relativement réduite et la demande ne sera faite que lorsque l'utilisateur accède à la zone que vous voyez et au contenu ci-dessous. Au lieu de télécharger traditionnellement la page entière à la fois, des utilisateurs attendent que le contenu soit présenté pendant le processus de téléchargement.
Utilisez une nouvelle image (). Src dans IE pour précharger les fichiers.
D'autres navigateurs utilisent l'insertion dynamique de la balise Document.CreateElement ('Object') pour terminer la charge.
illustrer:
1. La raison pour laquelle la nouvelle image (). Src ne peut pas être utilisée dans FF est que FF implémente un ensemble séparé de caches pour les images. En même temps, Safari et Chrome ne semblent pas non plus être mis en cache.
2. Insérer dynamiquement que la balise d'objet doit être insérée dans la partie non-tête pour déclencher le chargement.
3. IE7 IE8 peut également utiliser un objet dynamique pour charger des fichiers via un code.