web-dev-qa-db-ja.com

すべてのjavascriptファイルを結合して圧縮する-良い考えですか?

現在のところ、サイトの個々のページに不要なスクリプトを読み込むことは避けています。 PHP処理中に要求されたすべてのjavascriptファイルを記憶し、それらをHTMLに追加するクラスがあります。

現在のファイルのセットをマージし、結果を特別なディレクトリに保存し、ブラウザに大きなファイルを1つだけダウンロードさせることができると考えていました。可能な組み合わせの数はそれほど多くないため、さまざまなページで約10個のファイルを結合することになります。

どのサイトでも見たことがない。その理由は何ですかnotしますか?非常に高速なページ読み込みが必要です。

1
Tomáš Zato

私は自分でページのグループにこの手法を使用しており、非常に満足しています。また、Javascriptを IFEE でラップし、uglify.jsで最小化することも学びました。さらに良いです。

場合によっては、多くのファイルに対してJavaScriptの多くの組み合わせを使用できるため、多くのIFEEを作成し、それらを個別に最小化します。 node.jsを使用しているので、これを簡単に達成できますが、PHPには解決策があるはずです。

JavaScriptをグループ化することの利点は、特に適切な有効期限値を設定する場合に、サーバーとの対話の量を減らすことです。それを縮小した後、ページを表示するとき、余分な速度キックを取得します。

0

Http要求を減らすことは、ロード時間を短縮するための最良の方法の1つです。したがって、サイト全体に1つの大きなJSファイルを提供するのが最善です。高い有効期限を指定すると、長い間キャッシュされるため、訪問者はこのファイルを一度だけロードします。

少し大きいかもしれませんが、すべてのhttpリクエストを保存することで、ロード時間を大幅に節約できます。 JavaScriptが変更されるたびに、大きなJSファイルのURLを変更することを忘れないでください。 ?unique_hashパラメーターを追加します。

同じ理由は、すべてのCSSを1つの大きなファイルにまとめる場合にも当てはまります。

1
guaka