1

さまざまな方法で Javascript を Web ページに追加する多くのスクリプトを目にし、それを行う正しい方法を見つけようとしています。たとえば、私が使用する php スクリプトの 1 つのヘッダーには、次のように記述されています。

<script type="text/javascript" src="/javascriptfile.js"></script>

<script type="text/javascript">
var stuff = "file.php";                                         
var ip_add = '32.42.42.442';
</script>

私が理解できないのは、ファイル内に含めるのではなく、完全な JavaScript コードをヘッダーに入れる理由です。たとえば、前述の javascript を独自のファイルに移動して、ヘッダーでこれを使用するだけです。

<script type="text/javascript" src="/javascriptfile.js"></script>

<script type="text/javascript" src="/javascriptfile2.js"></script>

独自の JavaScript ファイルにリンクするだけでなく、完全な JavaScript をページ ソースに表示する必要がある場合はありますか?

4

3 に答える 3

4

私が理解していないのは、なぜファイル内に含めるのではなく、完全なjavascriptコードをヘッダーに入れるのかということです。

キャッシングにはコストがかかります。これは長期的なペナルティです。その影響は、ブラウザがスクリプトを使用する頻度によって異なります。

HTTPリクエストを保存します。これは短期間のボーナスです。そもそもスクリプトをロードするときに少し時間を節約できます。

ただし、これはPHPとは何の関係もありません。これは、すべてのHTMLドキュメントに適用されます。

于 2013-01-07T15:26:02.053 に答える
0

@Quentinに完全に同意します。さらに、大規模なプロジェクトだけでなく、構造化の理由から、スクリプトを別の .js ファイルに入れ、それらを含めることをお勧めします。

ただし、PHP を使用してコードを生成する必要がある場合や、たとえば次のようにデータベースから直接取得した情報を使用する場合は、JS コードを .php ファイルに配置する必要があります。

<?php
    $foo = getSomeInformation();
?>

<script type="text/javascript">
   var someVar = <?=$foo?>;
</script>
于 2013-01-07T15:35:21.877 に答える
0

これのいくつかは「レガシー」です。ある時点で、マークアップ<script>の一部にタグを配置する必要<head>があったため、ほとんどの例ではタグを配置しています。

外部ファイルへのsrc参照を追加すると、これを必要とする他のページでスクリプトをリソースとして再利用できます。どこでも同じスクリプトを使用している場合は、それを「js」ディレクトリに配置すると、ブラウザは毎回新しいコピーを取得しなくなります。これは帯域幅に役立ちます。

ただし、生のスクリプトをページに追加すると、ページ全体 (画像やその他の「埋め込み」コンテンツを除く) が 1 つのスレッドに到着します。これは読み込み時間の短縮に役立ちます。

短期間に 10,000 以上のページビューを期待している場合を除き、どちらにしてもあまり心配する必要はありません。

ああ、もう 1 つ考慮すべきことがあります: http://developer.yahoo.com/performance/rules.html#js_bottom -- なぜスクリプトを文書の一番下に置くべきなのか。

于 2013-01-07T15:33:16.650 に答える