1

サイトへのリクエストを少なくするために、CSS/JS ファイルを組み合わせることがベスト プラクティスです。ただし、それを正確に行う方法は簡単ではありません。3 つの極端な戦略があります。

  1. 何も組み合わせないでください。キャッシュには適していますが、ファイルをキャッシュしていないユーザーに対する多数の HTTP 要求。
  2. サイト上のすべてのファイルを 1 つに結合します。キャッシュにも適していて、単一のリクエストのみですが、ファイルは不必要に大きくなり、ブラウザの速度を低下させ、競合につながる可能性のある不要なものがたくさん含まれます.
  3. 現在のページに必要なファイルのみを結合します。リクエストは 1 つだけで不要なコンテンツはありませんが、キャッシングには問題があります。ファイルが 10 個ある場合、それらは 1000 通りの組み合わせで表示される可能性があります。ファイル 1、2、3 を含むページの新しい結合ファイルをダウンロードする必要があります (ファイルの順序を維持したい場合、状況はさらに悪化します)。

理想的な解決策は、おそらくこれら 3 つの戦略の組み合わせです (多くのページで使用されるいくつかのファイルを結合してどこにでも含め、残りをいくつかのファイルに結合します。ページ)、しかし、見つけるのは難しいです。サイトでどのファイルが使用されているか、どのページ (またはページの種類) でどのファイルが使用されているか、各ページの種類がどれだけの訪問者を獲得しているか、そのうちのどれくらいがリピーターから来ているかを知る必要があります。手動で行うのは非常に面倒なようです。を探しています

  • 理想的には、最適化を行う、または最適化を支援するのに十分なほどインテリジェントなツールです。
  • より現実的には、どの CSS/js ファイルがどのページに含まれているか、それらのファイルがダウンロードされる頻度、2 つのファイルが一緒にダウンロードされる頻度の統計を作成できるツールです。
  • これに適したツールがない場合は、手動で行う方法に関するアドバイス/戦略/ベスト プラクティス
4

4 に答える 4

1

サイト中心の CSS と JS は最小化して組み合わせる必要があります。手動で行うのではなく、展開プロセスの一部にします。より多くの個々のファイルをローカルに作成すると、開発/保守が容易になります。

ページ中心の CSS と JS は最小化する必要がありますが、サイトの一部にのみ関連するため、組み合わせてはいけません。(私は、ページ中心の CSS は別個のファイルであってはならず、ページ自体の一部であるべきだと主張します...確かに、CSS の全体的なポイントはページ中心のスタイルを避けることなので、おそらく意味がありません)

もちろん、常に例外があり、プロジェクトの詳細に大きく依存します。

于 2012-05-16T17:00:32.180 に答える
0

私の知る限り、cssファイルとjsファイルはほとんどキャッシュされており、コンテンツよりも変更頻度が低いため、ページと組み合わせることはできません。

Google Chromeには、すばらしい機能がたくさんある「開発者ツール」（コードを検査するときに表示されるツール）が付属しています。

監査メニューは、ブラウザキャッシュの活用、プロキシキャッシュの活用、Cookieサイズの最小化、スタイルとスクリプトの順序の最適化、未使用のCSSルールの削除などの最適化の提案を提供するので特に便利です...チェックしてください！

于 2012-05-16T16:55:45.210 に答える
0

もう 1 つの戦略は、共通ライブラリ (読み方: jQuery) を CDN に移動することです。クライアントがすでにキャッシュしている可能性がさらに高いと言われています。cdn ファイルが利用できない場合に備えて、自己ホスト型のフォールバックを提供することができます。

于 2012-05-16T17:25:39.837 に答える
0

IMO 組み合わせについて考える必要があるのは、サイトのすべてのページに存在するファイルと、自家製のリソースを所有していることだけです。公立図書館やそのようなものは決して結合されるべきではありません。キャッシングはすでに「多くの接続」の議論を簡単に打ち負かし、サーバー/ブラウザーは、時間の経過とともにデータを効率的にキャッシュする方法についてますますインテリジェントになります。無数の再結合を生成しても、その進歩から利益を得ることができなくなります。

于 2012-05-16T16:49:16.860 に答える