Сжатие Jquery с точки зрения производительности

Question

Рассмотрим файл compressed Javascript (содержащий несколько объединенных файлов javascript) с именем compressed.js.Этот файл можно было бы вызвать с помощью: <script src="javascripts/compressed.js" type="text/javascript"></script> Мой друг сказал, что размещение следующего кода в нижнем колонтитуле было бы лучше с точки зрения производительности сайта:

        <div id="footer:>
          <script type="text/javascript">
           //Compressed js code is located here
          </script>
        </div>
    </body>
    </html>

Прав ли он?Будем благодарны за любые ответы и ссылки, касающиеся улучшения javascript performance

Answer 1

Javascript по определению является клиентской стороной, поэтому (в большинстве случаев) нет смысла загружать его до того, как веб-сайт был доставлен в браузер и выложен.

Если вы загрузите его в нижний колонтитулне увеличивает производительность javascript, то, что он делает, позволяет странице загружаться и загружаться в браузер перед загрузкой javascript.Это можно сделать по ссылке или путем включения в код, однако всегда лучше иметь javascript во внешнем файле, чтобы он не увеличивал размер HTML-страницы, которую вы доставляете в браузер.

Answer 2

Вместо того, чтобы загружать его внизу, может быть лучше загрузить его асинхронно (/2075974/asinhronnyi-sintaksis-zagruzki-failov-js)

Таким образом, браузер может загружать скрипт параллельно (чтобы он стал доступен раньше), не блокируя другие операции браузера.

Взгляните на слайды 31-36 презентации Стояна Стефанова - http://www.slideshare.net/stoyan/performance-patterns

Презентация Аарона Питера Velocity EU по загрузке Javascript также стоит прочитать - http://www.slideshare.net/startrender/fast-loading-javascript