2017-06-02 5 views
1

httpリクエストを減らすには、phpを使用してcssとjsをインライン化しても大丈夫ですか? 例:PHPを使用してHTML内のcssとjsの内容をエコーする

<style> 
<?php echo require_once("css/style.css"); ?> 
</style> 


<script> 
<?php echo require_once("js/myjs.js"); ?> 
</script> 
+10

あなたは私が推測することができます(しかし、 'echo'を落とします)...しかし、それは長期的には特に有益ではありません。ブラウザは最初のページに '.css'または' .js'ファイルをキャッシュし、後続のページごとにそのページを使用します。ここでやっていることはJS/CSSをすべてロードする必要があるということですon * every * page;つまり、すべての*ページでファイルサイズを増やすことを除いて、サイト全体のHTTPリクエスト(リソースあたり)が1つ少なくなります。 – CD001

答えて

3

私はあなたの質問の後半に最初に答えて、最初の半分を適用するつもりです。

"は、php"を使用してcssとjsをインライン化しても問題ありません。 CSSとJSをドキュメント内の内部スタイルシートに追加することをお勧めします。

しかし、この方法では多くの改善が得られます。これを行うための簡単な方法は、このようなfile_get_contentsを使用することです:

echo '<style type="text/css">'.file_get_contents('/path-to-your/style.css').'</style>'; 

私は、ファイルの内容をつかんでドキュメントに追加することを示唆しているだけの場合、直接などのWordpressなどのCMSシステム用のプラグインを書い伴う例があるがまたはJoomlaのなど

は時々、あなたのプラグインは、5利用するのみ必要があるかもしれない - CSSの10行および/またはJSを、そして彼らのHTTP要求にのスタイルシートを追加し、ユーザーを強制的に悪い形になりますほんの少しのコードですこのような場合は、内部スタイルシート/スクリプトの読み込みをお勧めします。それは質問のあなたの最初の半分が求めているように「httpがを要求減らすために」にこれを行うには良い考えではありません

しかし。本当にHTTPリクエストを減らしたいのであれば、スタイルシートやスクリプトファイルのマージを真剣に考えてください。小さなファイルよりも大きなファイルをいくつか持つ方がよいでしょう。

+1

ありがとう、それを考えなかった。とても役に立ちました。 – Srijay

2

これは本当に悪い練習のようです。また、私はここでどのようなパフォーマンスの向上が見られるか分かりません。

あなたは本当にあなたのjsとcssをロードする必要がある時に焦点を当てるべきです。それを小さくすることも助けになるはずです。

2

JSやCSSなどの印刷リソースをファイルに読み込むと、ファイルを高速に読み込むことができます。現代のブラウザは、ユーザーが最初のページをヒットしている間に最終的にそれらをキャッシュします。

私の言うとおり、リソースファイルを小さくして読み込み速度を向上させ、必要に応じてキャッシングを改善しようとすることができます。現代のブラウザではキャッシュがかなりうまく処理されるためです。

関連する問題