私のウェブサイトには、いくつかのグラフィックとナビゲーションなどを含む静的ヘッダーがあります。このコンテンツは静的であり、毎回ロードする必要はありません。
これを HTML ファイルに入れ、クライアントのブラウザにキャッシュし、このファイルをページの特定の場所に含めるようにブラウザに指示する方法はありますか?
質問する
152 次
2 に答える
0
私はTheWolfに同意します。それは私が提案しようとしていたことでもあります.
[編集: Anthony が指摘したように、これではヘッダーを個別にキャッシュすることはできません。]
html を独自の .php ファイルに配置し、必要に応じてサーバー側に含めることができます。
<?php include 'header.php'; ?>
「ヘッダー」html はページの html に含まれ、ブラウザーによってキャッシュされます (適切なキャッシュ ヘッダーが送信されると仮定します)。これは、php に条件付きコンテンツを含める最も一般的な方法です。
ヘッダーを個別にキャッシュしたい理由は何ですか? アプリケーションが標準の Web ページを生成している場合、Javascript を介してヘッダーを個別にロードすると遅くなります。帯域幅の節約はほとんどありません。
JavaScript を使用してコンテンツを動的に読み込むことにした場合、エンド ユーザー エクスペリエンスを向上させるためにできることは次のとおりです。
- テンプレートの下部、終了タグの上に Javascript を配置します。これにより、ブラウザーは最初にページのレンダリングに必要な他のアセットの読み込みを開始できます。
- 可能であれば、テンプレートの適切な高さと幅にコンテナーのサイズを変更して、コンテンツを挿入する領域を準備します。これにより、ヘッダーに必要な追加のスペースが原因でページが「ジャンプ」するのを防ぐことができます。
于 2013-09-29T20:02:46.377 に答える