Différer le chargement de la js comment?

J'ai le texte suivant js script référencés sur le bas de la page:

<script src="http://example.com/test.js" type="text/javascript"></script>

Google PageSpeed suggestion est de retarder le chargement de ce js. Je n'arrive pas à comprendre comment faire cela ou les répercussions. Quelqu'un peut-il expliquer?

Qui se soucie de ce que pageSpeed dit, la question importante est de le script d'être reporté, ou en d'autres termes, est-il quelque chose de sans importance qui n'a pas d'importance si elle est chargée, après tout le reste est chargé.
Il est possible de le faire serait plus d'efforts que ça vaut - defer est uniquement compatible avec les navigateurs les plus récents, et je pense que n'est utile que si le script est déclarée dans le <head>. Toutefois, si est s'installe et que le navigateur ne sait pas defer, puis il gâchera l'exécution en cours d'exécution trop tôt.

OriginalL'auteur Kermit the Frog | 2013-11-19

  1. 4

    L'ajout de l'attribut defer à la <script> balise devrait le faire. E. g.:

    <script src="http://example.com/test.js" type="text/javascript" defer></script>

    L'idée est que le script dans le fichier est exécuté que lorsque la totalité de la page a fini de charger, par opposition à la norme lorsque le script est exécuté dès que le navigateur analyse le <script> tag (ce qui peut retarder le rendu du code après la <script> balise.)

    OriginalL'auteur pilsetnieks

  2. 3

    Aucune de ces méthodes sont vraiment garantis pour être exécuté. Vérifiez ce grand article sur comment assurez-vous que javascript externe exécutions sont vraiment différés.

    feedthebot deffer exécuter le code javascript

    écrit par Patrick Sexton

    OriginalL'auteur maljukan

  3. 2

    Voici ce que vous aimeriez faire: http://davidwalsh.name/html5-async

    <script async src="siteScript.js" onload="myInit()"></script>

    ou

    <script defer src="siteScript.js" onload="myInit()"></script>

    OriginalL'auteur gat

  4. 1

    Vous pouvez utiliser async attribut

    <script src="http://example.com/test.js" type="text/javascript" async></script>

    Remarque:

    Async attribut est pris en charge dans Internet Explorer 10, Firefox, Opera, Chrome et Safari.

    J'aime cette option mieux. tout des inconvénients?

    OriginalL'auteur Satpal

  5. 0

    async pourrait ne pas être une bonne option quand il y a des dépendances d'un js à un autre js. Pour eg . file1.js dépend file2.js et file1.js charge en premier, commence à s'exécute mais échoue et renvoie une erreur à cause de certaines de dépendance dans file2.js ce qui n'est pas encore chargé.

    OriginalL'auteur Shrikanth K M