ベストプラクティス:JavaScriptのでの作業
JavaScriptのHTML文書の最後にを含む
あなたのスクリプトで、ページのコンテンツの一部を挿入するdocument.writeを(もしくはJavaScriptを使用してページの内容のいずれかを動的に生成)されていない場合は、BODYタグの終わりの前にページの一番下に文を含むスクリプトを移動します。
HTTP/1.1仕様書は、ブラウザがホスト名ごとに並列に2つ以下のコンポーネントをダウンロードすることを示唆している。 あなたが複数のホストからあなたのイメージを提供する場合には、並行して発生するつ以上のダウンロードを得ることができます。 スクリプトがダウンロードされていますが、しかし、ブラウザはさらに別のホスト名には、他のダウンロードを開始しません。
動的にスクリプトノードを作成し、ページがAJAXを使用してロードされた後、リモートスクリプトをロードする方法もあります。
JavaScriptのあなたをExternalise
JavaScriptファイルがブラウザによってキャッシュされるため、外部のJavaScriptファイルを使用すると、ページのロードが高速になります。 インラインJavaScriptの 'HTML文書には、HTMLドキュメントが要求されるたびにダウンロードされる。 これは実際に行われたHTTP要求の数を減らすかもしれないが、その後、HTMLドキュメントのサイズが大きくなります。 外部JavaScriptのは、ブラウザによってキャッシュされます。HTMLドキュメントのサイズは、HTTPリクエストの数を増やすことなく削減されます。
あなたのサイト上のユーザーがセッションごとに複数のページビューを持っていて、ページを再使用するのと同じスクリプトとスタイルシートの多くの場合、キャッシュされた外部ファイルからより多くの潜在的な利点がありますのでご注意ください。
JavaScriptファイルをパックする
JavaScriptの場合には、CSSとは異なり、ファイルは単にスペースまたはタブを削除するよりも縮小ファイルサイズを与えるであろういくつかの標準的なアルゴリズムを使用してクランチ可能性があります。 JavaScriptのパッカーの例はここhttp://dean.edwards.name/packer/見つけることができます
任意のスクリプトが重複を取り除く
それは全体のスクリプトが重複する可能性があることは非常に珍しいですが、10上の米国Webサイトの見直しは、それらの2が重複するスクリプトが含まれていることを示しています。 スクリプトが重複していますが、明らかに不必要なHTTPリクエストと無駄なJavaScriptの実行を作成することにより、パフォーマンスが低下します。
スクリプト名が異なるものの、また、多くの場合、スクリプトのチームのサイズと数のため、同じページ内のスクリプトが重複する可能性があります。
可能であれば、DOM要素にアクセスして最小限に抑える
JavaScriptでDOM要素にアクセスすると、より応答ページを持つために非常に遅いですが、以下を行う必要があります。
アクセスの要素に•キャッシュ参照
• "オフライン"ノードを更新してツリーに追加
•JavaScriptを使用してレイアウトを固定しないでください
コンテンツとプレゼンテーションから独立した動作
単にコンテンツ(XHTML / XML)から我々は独立したプレゼンテーション(CSS / XSLT)として、我々はまた、動作(JavaScript)を分離する必要があります。 これは控えめなJavaScriptと呼ばれています。 我々は外部CSSファイルへのリンクと同じように、我々は外部のJavaScriptファイルにリンクする必要があります。
代わりに、コンテンツ(例えば、onmouseoverイベントは、onclickなど)にハードコーディングする動作のため、動作が動的に要素、クラス、およびDOMを使用して一意の要素(ID)を追加する必要があります。 基礎的なドキュメント、コンテンツは、唯一の有効なXHTML / XMLとしないjavascriptを含める必要があります。
Javascriptが動作を追加することにより、コンテンツを強化する必要があります。 コンテンツにはJavaScript(または完全なJavaScriptサポートを持たない)を使用せずに有用であり、使用可能なままにしてください。










































