Javascript блокирует загрузку контента на ваш сайт во время страницы

Question

Это лучший способ включить JavaScript на вашем сайте? http://www.webdigi.co.uk/blog/2009/avoid-javascript-blocking-content-download-on-your-website-during-page-load/

Answer 1

Лучший способ включить JavaScript на вашем веб-сайте - это включить как можно меньше файлов на конце страницы * после того, как вся разметка и другие ресурсы были выполнены загружен. Это также дает дополнительное преимущество поощрения модели развития " прогрессивное улучшение ".

* Yahoo активно тратит огромные деньги, исследуя это, и привлекает преданных своему делу людей (включая блестящего Стива Соудерса), которые публикуют свои выводы в Интернете и в форме книги .

Answer 2

Не похоже, чтобы ситуация подходила всем, поэтому я часто прибегаю к этой знаменитой статье, чтобы помочь мне ответить на такие вопросы:

http://developer.yahoo.com/performance/rules.html

Answer 3

Короче говоря, в статье говорится о динамическом подключении <script> узлов в DOM для обеспечения параллельной загрузки файлов сценариев. Это работает и ничего нового.

Однако в нем не упоминается самый большой недостаток метода: хотя скрипты будут загружаться параллельно, порядок, в котором они выполняются , не является детерминированным. IE выполнит их в том порядке, в котором они заканчивают загрузку, в то время как Firefox выполнит их в порядке, в котором они прикреплены в DOM.

Это проблема. Например, скажем, сценарий A и сценарий B добавляются с использованием этой техники. Теперь представьте, что скрипт A - это jQuery, а скрипт B делает это:

$(document).ready(function(){...})

В IE вы облажались, если по какой-либо причине (например, сетевой трафик, потеря кэша) скрипт B заканчивает загрузку до скрипта A, потому что он будет выполнен до загрузки jQuery.

См. эту статью для лучшего объяснения.

Ответ Рекса М - путь.

Answer 4

Это было упомянуто в одном из подкастов, но если вы разместите javascript в отдельном домене или даже поддомене, браузер может открыть больше соединений и загрузить как js, так и остальную часть страницы на в то же время. Вот почему многие люди предпочитают ссылаться на экземпляр jQuery от Google, а не на свой собственный. Этот пример также имеет преимущества в кэше, но основной принцип остается в силе.