私のホームページ (index.php) はPHPによって動的に生成されるため、ページがユーザーに配信されるまでに約1 秒かかります。
私のcss と js スクリプトは (index.php) のヘッダーにあるため、この 1 秒後にcss と js のダウンロードが開始されます。
この js および css ファイルをプリロードする一般的な方法はありますか?
私のアプローチは、index.php のすべてのコンテンツを削除し、css と js ファイルに <'head> だけを含めてから、いくつかの js を実行して indexOriginal.php 全体をロードすることです (PHP によってサーバー上で生成された動的コンテンツを使用)。 、これにより、ユーザーは indexOriginal.php と並行して css、js をダウンロードできるようになります。
これは正しいアプローチですか？
ページ全体がバックエンドによって生成され、 php スクリプトが作業を終了した後にのみユーザーに送信されます。
たとえば、次のようなページを作成できます。
<html><head><script></script></head><body></body></html>
読み込み中<script></script>、たとえば、JQuery で次のようなことを行います
$(document).ready($('body').load('/path/to/your/script.php'))
しかし、これは良い習慣ではないと本当に思います。また、Google がこのソリューションでサイトのコンテンツを解析するとは思いません。
私はあなたがあなたのJSについてもっと良く見えるべきだと思います（圧縮、gzip、多くのファイルに分割して異なるCDNからアップロードする、すべてを$（）.readyに移動するなど）
私のお勧めは、最初の PHP スクリプトで CSS タグと JS タグを配信するだけにすることです。それらが読み込まれたら、JavaScript を使用して、ページの残りの部分を取得して表示する AJAX 呼び出しを行います。または、JavaScript でページを作成することもできます (これにより、読み込み中のアイコンなどを使用して、「ページが近づいている」ことをユーザーによりよく示すことができます)。