2011-07-12 7 views
3

メンテナンス性とモジュール性のために、埋め込みとインラインのリンクされたCSSとの利点をよく知っています。私は、しかし、Webデベロッパーの特定のモバイルアプリケーションでは、あなたのCSSを組み込む、またはインライン化することが有益な(より速いパフォーマンス)ことができるということを読んでいます。 私はどんなインラインJS、そしてそれよりも少ない程度でCSSを避ける​​でしょうが、私はたくさんのGoogleのページを含む多くのサイトに気づいています、JSはページのヘッダーに埋め込まれています。埋め込まれたJS/CSSとの比較

私の同僚は、常に外部のjsファイルにリンクしなければならないと主張しています。リンクされたスクリプトの処理オーバーヘッドを節約するために、関数が1つのページに固有であるか、ページごとにわずかに異なる場合、jsを埋め込む方が意味があると思います。

+0

落胆した。場合によってはHTML(要素またはハンドラとして)にスクリプトを追加するのが理にかなっています。クライアントがスクリプトを追加するロジックが何であれ、サーバーが行うこともできます。応答はかなり残りをカバーします。 – RobG

答えて

3

スクリプトをリンクすると、サーバーへの追加要求の形で小さなペナルティが発生します。それをインラインにしておくと、この要求は行われず、状況によっては読み込み速度が速くなることがあります。場合、それはあなたのコードをインライン化することは理にかなって:あなたはグーグルの場合は、とにかく

キャッシュの利点を得ることはありませんので、それはdynamcally生成され

  • 非常に小さい

    • とFacebookのコードで生成されているので、インラインのjavascriptを見ている可能性が最も高いです。

  • 2

    リンクされたJSファイルの利点は、ブラウザによってキャッシュされ、ローカルディスクまたは後続ページのメモリからロードできることです。

    インラインJSの利点は、ページあたりのネットワーク要求が少なくなることです。

    最高の妥協点は、通常、すべてのJSの最小化された組み合わせで構成されたリンクされたJSファイル(1つまたは2つ)の数が少ないため、可能な限り少ないファイルに結合されます。

    ローカルキャッシュの利点は、一部のページで使用されない可能性のある小さなJSの余分な解析をはるかに上回っています。

    埋め込みJSは、あなたのページに固有の状態を含むいくつかのJS変数の設定です(あなたのJSのほとんどがリンクされたファイルでも)。これは通常、サーバー上で動的に生成されるため、ページごとに異なり、通常はキャッシュできないため、ページのセクションに埋め込まれます。しかし、このデータは通常は小さく、ページ固有であるべきです。

    5

    他の回答が触れていなかったことは、開発者の効率です。それをインライン化するのが簡単で、即座にパフォーマンス要件/懸念がない場合は、それを実行します。実際のビジネス価値は「容易」であり、最終的な、または存在しないパフォーマンス上の懸念に勝るものです。途中で最適化しないでください。

    +1

    私はこのスレッドに1年遅れてこれに同意するつもりです。私は典型的には非常にページ固有のjsの束で終わります。そして、私は、開発中の大きな単一のjsファイルが非常に面倒で扱いにくくなることを発見しました。ページの下部にある

    関連する問題