PHP フレームワークを JavaScript に転送しています。PHP では、クラスごとに 1 つのファイルがあるため、それを転送するときに、JavaScript クラスごとに 1 つのファイルも作成します。
ただし、JavaScript ファイルが非常に多い PHP とは異なり、これによりページの読み込み時間が短縮されます (30 以上のクラスを作成する予定です)。
開発時にフレームワーク内をナビゲートしやすいという理由だけで、ページごとに 1 つのクラスを使用するのが好きです。
この開発の容易さを維持しながら、HTML ページをロードする必要があるほど多くの JavaScript ファイルを持たないようにするための最良の方法は何ですか?
JavaScript/CSS ファイルを 1 つの HTTP リクエストに自動的に結合できるサーバー側ツールがあります。
例えば
コードを本番環境に持ち込むときに、これを手動で行うこともできます。ただし、それは 30 以上のファイルでやりたいことではないと思います (ただし、数が少ない人にとっては、これは比較的簡単な解決策です)。
ファイルサイズをできるだけ小さくするために、すべての JS ファイルが圧縮/縮小されていることを確認する必要があります。また、送信するデータが圧縮されるように、サーバーがすべてを gzip していることを確認してください。
最後に、これらの種類のファイルがブラウザによって適切にキャッシュされていることを確認する必要があります。これは、これらのファイルの末尾にバージョン番号を追加し、expires ヘッダーを将来の日付に変更することで簡単に実現できます。