Отложить загрузку js как?

Question

У меня есть следующий сценарий Js ссылается на нижней части страницы:

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

Google PageSpeed ​​предложение отложить загрузку этого Js. Я не совсем понимаю, как это сделать или последствия. Может кто-нибудь объяснить?

Answer 1

Добавление атрибута defer в тег <script> должно сделать это. Например:

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

Идея заключается в том, что сценарий в файле выполняется только после того, как вся завершения загрузки страницы, в отличие от стандартного способа, когда скрипт выполняется, как только браузер разбирает <script> тег (который может задержать предоставление кода после <script> тега)

Answer 2

Вы можете использовать атрибут async

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

. Примечание:

Атрибут async поддерживается в Internet Explorer 10, Firefox, Opera, Chrome и Safari.

Answer 3

Вот то, что вы хотите сделать: http://davidwalsh.name/html5-async

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

или

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

Answer 4

Ни один из этих методов не действительно гарантированно казнены. Проверьте эту замечательную статью о том, как убедиться, что внешние javascript-исполнения действительно деиствительны.
feedthebot deffer execute javascript

написанный Patrick Sexton

Answer 5

асинхронном не может быть хорошим вариантом, когда есть зависимости от одного JS в другой JS. Напр. file1.js зависит от file2.js, а file1.js загружает сначала, запускает выполнение, но сбой и выдает ошибку из-за некоторой зависимости в файле file2.js, который еще не загружен.