2011-11-28 61 views
1

考慮一個名爲compressed.jscompressed Javascript文件(包含少量合併的javascript文件)。我的<script src="javascripts/compressed.js" type="text/javascript"></script> Afriend表示,將下面的代碼在頁腳將在現場性能方面會更好:性能方面的jquery壓縮

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

他是對這個文件可以使用被稱爲?任何有關javascript performance改善的答案和鏈接都非常感謝

+1

[Javascript在HTML文件中的位置?]的可能重複(http://stackoverflow.com/questions/196702/where-to-place-javascript-in-a-html-file) –

+1

你可以看看:http://developer.yahoo.com/performance/rules.html,尤其是'把底稿放在腳本部分 – JMax

+1

[雅虎準則](http://developer.yahoo.com/ performance/rules.html) – Arindam

回答

3

Javascript,顧名思義,是客戶端,所以(在大多數情況下)沒有意義的加載它之前,網站已被傳遞到瀏覽器和佈局。

如果您在頁腳中加載它不會增加javascript的性能,那麼它會在頁面加載javascript之前下載並加載瀏覽器。這可以通過引用或通過包含在代碼中完成,但是在外部文件中使用JavaScript總是更好,這樣它就不會增加傳遞給瀏覽器的HTML頁面的大小。

0

,而不是在底部加載它,它可能是更好異步加載它(http://stackoverflow.com/questions/2774373/asynchronous-js-file-loading-syntax)

這樣的瀏覽器可以並行下載腳本(因此它可以更快提供),而不會阻止其他瀏覽器操作。

看一看幻燈片斯托揚斯特凡的演講31-36 - http://www.slideshare.net/stoyan/performance-patterns

於JavaScript加載亞倫彼得的速度歐盟演示也非常值得一讀-http://www.slideshare.net/startrender/fast -loading-javascript