私のサイトに追加するjs/css外部ファイルが10個ある場合は、それらを1つのファイルに圧縮する方がよいか、とにかく10,20個の外部ソースリンクがある方がよいのです。ページ速度の観点?
私もこれを尋ねます、firebuggoogleページ速度とyahooYslowページ速度ツールの両方を使用しているので、これらはこれで競合します、googleはファイルを分離すると言います、yahooはすべてを1つに圧縮すると言います:| ..通常、私はbigGを信頼しますが、誰が知っていますか:|
私のサイトに追加するjs/css外部ファイルが10個ある場合は、それらを1つのファイルに圧縮する方がよいか、とにかく10,20個の外部ソースリンクがある方がよいのです。ページ速度の観点?
私もこれを尋ねます、firebuggoogleページ速度とyahooYslowページ速度ツールの両方を使用しているので、これらはこれで競合します、googleはファイルを分離すると言います、yahooはすべてを1つに圧縮すると言います:| ..通常、私はbigGを信頼しますが、誰が知っていますか:|
実行できる重要なパフォーマンスの強化の1つは、HTTPリクエストの数を減らすことです。各外部リソースは1つの追加リクエストを意味するため、それらをグループ化すると、ページのパフォーマンスにプラスの影響があります。
フロントエンドのパフォーマンスについて詳しく知りたい場合は、SteveSoudersの本をご覧ください。トピックの簡単な概要は、Yahoo!の書籍にあります。開発者ネットワーク(彼が最初の本を書いたとき、彼はYahoo!にいました)。
まず第一に、ファイルを圧縮することは (ほぼ) 常に良い考えです。特定の JS や CSS コンプレッサーを使用することと、HTTP レベルで GZIP 圧縮を使用することの両方。
ファイルを結合するかどうかを決めるのは簡単ではありません。さまざまな目標を両立させる必要があります。
ファイルを結合すると #2 が最適化されますが、#1 が犠牲になる可能性があります。異なるページが異なる CSS / JS を使用している場合、すべてのページが異なる結合ファイル (コンポーネント ファイルの順列) を取得し、キャッシュが不可能になる可能性があります。
手っ取り早い解決策は、すべてのページで使用されるすべての汎用 JavaScript とすべての CSS を 2 つの単一の圧縮ファイル (1 つの JS と 1 つの CSS) に含めることです。すべての CSS/JS を読み込む必要があるのは 1 回だけであり、その 1 回は可能な限り迅速であるため、訪問者がサイトに長時間滞在する場合、最高のエクスペリエンスが得られます。
スクリプトを 1 つのホストで 1 つのスクリプトに結合すると、このホストが低速になると、ページの速度が低下します。スクリプトのサブドメインが異なる CDN でホストされているいくつかのスクリプトにスクリプトを分割している場合、ブラウザはさらに多くのスクリプトを並行してダウンロードします。ダウンロード時間の短縮に関するそのサイトを読んでください。「並列ダウンロードを促進すると、Web ページのレイテンシーが最大 40% 改善されます。2 つまたは 3 つのホスト名を使用して同じサーバーからオブジェクトを提供し、ブラウザーを騙してより多くのオブジェクトをマルチスレッド化することができます。」
Google Page Speed、YSlow、および Firebug アドオンがインストールされていることを確認してから、それらを使用してください。彼らはあなたのウェブサイトをより速くするのに役立ちます.