Comment implémenter le chargement différé en javascript

Méthode d'implémentation : 1. Utilisez la méthode setTimeout, la syntaxe est "setTimeout('js method', delay time);" 2. Lors de l'introduction d'un fichier de script js externe, placez-le dans le corps et il sera chargé de haut en bas selon la page Exécuter séquentiellement le code JavaScript.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Le chargement paresseux de js permet d'améliorer la vitesse de chargement de la page. Voici plusieurs méthodes de chargement paresseux :

1 Utilisez la méthode de retard setTimeout pour retarder le temps de chargement

Lay chargement du code js, en laissant. plus de temps pour le chargement de la page Web Multi-time

<script type="text/javascript" >
  function A(){
    $.post("/lord/login",{name:username,pwd:password},function(){
      alert("Hello");
    });
  }
  $(function (){
    setTimeout(&#39;A()&#39;, 1000); //延迟1秒
  })
</script>

2. Laissez js être chargé en dernier

Par exemple, lors de l'introduction d'un fichier de script js externe, s'il est placé dans l'en-tête du HTML, le script js sera chargé dans la page avant que la page ne soit chargée et placée dans le corps, le code JavaScript sera exécuté selon l'ordre de chargement de la page de haut en bas ~~~ Nous pouvons donc mettre les fichiers importés de l'extérieur du js en bas de la page, afin que le js puisse être introduit en dernier, accélérant ainsi le chargement de la page.

Méthode 2 ci-dessus Vous recevrez également occasionnellement un avertissement de "chargement retardé de javascript" de l'outil de test de vitesse de page de Google. La solution ici sera donc la solution recommandée sur la page d'aide de Google.

//这些代码应被放置在</body>标签前(接近HTML文件底部)
<script type="text/javascript">
  function downloadJSAtOnload() {
    var element = document.createElement("script");
    element.src = "defer.js";
    document.body.appendChild(element);
  }
  if (window.addEventListener)
    window.addEventListener("load", downloadJSAtOnload, false);
  else if (window.attachEvent)
    window.attachEvent("onload", downloadJSAtOnload);
  else window.onload = downloadJSAtOnload;
</script>

Ce code signifie attendre que l'intégralité du document soit chargé avant de charger le fichier externe "defer.js".

Étapes pour utiliser ce code :

1). Copiez le code ci-dessus

2). Collez le code avant la balise HTML (près du bas du fichier HTML)

3). votre nom de fichier JS externe

4). Assurez-vous que le chemin de votre fichier est correct. Par exemple : Si vous saisissez uniquement « defer.js », alors le fichier « defer.js » doit être dans le même dossier que le fichier HTML.

Remarque : ce code ne chargera pas le fichier js externe spécifié tant que le document n'est pas chargé. Par conséquent, le code JavaScript qui dépend du chargement normal de la page ne doit pas être placé ici. Au lieu de cela, le code JavaScript doit être séparé en deux groupes. Un groupe est le code javascript qui est chargé immédiatement parce que la page en a besoin, et l'autre groupe est le code javascript qui fonctionne après le chargement de la page (comme l'ajout d'un événement de clic ou d'autres choses). Le code JavaScript qui doit attendre le chargement de la page avant de s'exécuter doit être placé dans un fichier externe puis importé.

【Apprentissage recommandé : Tutoriel avancé javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!