2011-11-28 3 views
1

compressed.jsと呼ばれるcompressed 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

[HTMLファイルにJavascriptを入れる場所は?](http://stackoverflow.com/questions/196702/where-to-place-javascript-in-a-html-file) –

+1

http://developer.yahoo.com/performance/rules.html、特に「Put Scripts at the Bottom」パート – JMax

+1

[Yahooガイドライン](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)

この方法ブラウザは他のブラウザ操作をブロックすることなく、スクリプトを並行してダウンロードすることができます(より早く利用できるようになります)。

はStoyan Stefanovの者のプレゼンテーションのスライド31-36を見てください - Javascriptの読み込みにhttp://www.slideshare.net/stoyan/performance-patterns

アーロンピーターの速度EUのプレゼンテーションも読み取り-httpも価値がある://www.slideshare.net/startrender/fast -loading-javascript

関連する問題