2011-10-18 20 views
0

私は10のjs/cssの外部ファイルを自分のサイトに追加しても1つのファイルにしか圧縮しない方が良いかどうか、とにかくページスピードの観点から10,20の外部ソースリンクを持つと良いですか?Page外部のjsとcssファイルを追加するスピード

私は火花爆発のGoogleページ速度とyahoo Yslowページ速度ツールの両方を使用する原因となっているので、これは矛盾します、Googleはファイルを分離すると言います。私はbigGを信頼しますが、誰が知っているのですか?

答えて

1

まず、ファイルを圧縮することは(ほとんど)常に良いアイデアです。どちらも特定のJSおよび/またはCSSコンプレッサーを使用し、HTTPレベルでGZIP圧縮を使用します。

ファイルを結合するかどうかを決めることはあまり簡単ではありません。

  1. ロードされた合計バイト数を最小限に抑えます。これには、キャッシュからファイルを取得できることを確認することが含まれます。
  2. ロードされたファイルができるだけ少ない要求に到達していることを確認してください。

ファイルを結合すると#2が最適化されますが、#1のコストがかかる可能性があります。異なるページで異なるCSS/JSを使用すると、すべてのページが異なる結合ファイル(コンポーネントファイルの順列)を取得し、キャッシングが不可能になります。

すべての一般的なJavaScriptとすべてのページで使用されるすべてのCSSを2つの圧縮ファイル(1つのJS、1つのCSS)に含めることです。あなたの訪問者があなたのサイトに長時間滞在している場合は、すべてのCSS/JSを一度だけロードする必要があり、一度はできるだけ早く行う必要があるため、彼らは最高の経験を得るでしょう。

3

重要なパフォーマンスの強化の1つは、HTTP要求の数を減らすことです。それぞれの外部リソースは1つの余分なリクエストを意味するため、それらをまとめてグループ化することでページのパフォーマンスが向上します。

フロントエンドのパフォーマンスの詳細については、Steve Souders '本をご覧ください。 Yahoo! Developer Network(彼は最初の本を書いたときにYahoo!にいました)の書籍のトピックの簡略化された概要を見つけることができます。

+0

これも私も思った!!すべてのユーザーがこれを確認できることを期待してください..他の回答も待ちます; – sbaaaang

+1

[HTTP要求を最小化](http://developer.yahoo.com/performance/rules.html#num_http)また、そのページのヒント – acm

+0

良いリンクありがとう – sbaaaang

0

1つのホスト上でスクリプトを1つのスクリプトに結合し、このホストが遅い場合、ページが遅くなります。スクリプトのサブドメインが異なるCDNでホストされているいくつかのスクリプトにスクリプトを分割した場合、ブラウザはparallelにそれらのうちの多くをダウンロードします。ダウンロード時間を増やすことについてそのサイトを読んでください。 「並列ダウンロードを増やすと、Webページのレイテンシが最大40%改善される」との結論に達しました。同じサーバーのオブジェクトに2〜3のホスト名を使用して、ブラウザを騙してより多くのオブジェクトをマルチスレッド化できます。

+0

すてきな回答ありがとう、本当に誰が答えを示すのかわからない、あなたは1つのことを言って、@Alex Ciminian Alexはもっと1つ%を言う) – sbaaaang

+0

開発者は、ファイルを縮小、圧縮、結合することで静的ファイルを最適化するのに、これらはいくつかのスピードを向上させますが、キャッシュを使って適切なCDNに移行することで得られる利益に近づくことさえありません。 – DallinDyer

+1

ああ、問題は、Javascriptを並行してダウンロードできないということです(おそらく新しいブラウザがいくつかありますが、IE用に最適化したい場合はありません)。スクリプトのダウンロードを開始するとすぐに、スクリプトのダウンロードと実行が完了するまで、他のすべてがレンダリングを停止します。 したがって、ほとんどの場合、スクリプトをマージして最小化する方がはるかに良いでしょう。 場合によっては、スクリプトを分離しておくことが理にかなっています。たとえば、重いスクリプトがある場合、それはあなたのサイトのいくつかの隠れた場所でのみ使用されています。それが使用されていない場合は、ダウンロードする必要はありません。 – Nix

0

Google Page Speed、YSlow、Firebugアドオンがインストールされていることを確認してから使用してください。彼らはあなたのウェブサイトをより速くするのに役立ちます。

+0

私の質問をチェックしてください。私はちょうどそれらを使用します:) – sbaaaang

+0

10個のファイルを1個のファイルにまとめることで、要求は少なくなりますが、そうしたくない場合もあります。 – desbest

関連する問題