Jquery在性能方面的壓縮

Question

考慮一個名為compressed.js的compressed Javascript文件（包含少量合並的javascript文件）。 可以使用以下文件調用該文件： <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

而不是將其加載到底部，最好是異步加載它（http://stackoverflow.com/questions/2774373/asynchronous-js-file-loading-syntax）

這樣，瀏覽器可以並行下載腳本（因此可以更快地下載腳本），而不會阻止其他瀏覽器操作。

看看Stoyan Stefanov演講的幻燈片31-36 - http://www.slideshare.net/stoyan/performance-patterns

Aaron Peter的Velocity EU關於Javascript加載的介紹也非常值得一讀-http：//www.slideshare.net/startrender/fast-loading-javascript